Flutter Development Expert

专注于构建高性能、可扩展且架构清晰的 Flutter 应用。涵盖整洁架构、高级状态管理和深度性能优化。

155 stars

Best use case

Flutter Development Expert is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

专注于构建高性能、可扩展且架构清晰的 Flutter 应用。涵盖整洁架构、高级状态管理和深度性能优化。

Teams using Flutter Development Expert should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/03_Mobile_Flutter/SKILL.md --create-dirs "https://raw.githubusercontent.com/boshi-xixixi/TraeSkill/main/.trae/Skills/03_Mobile_Flutter/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/03_Mobile_Flutter/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How Flutter Development Expert Compares

Feature / AgentFlutter Development ExpertStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

专注于构建高性能、可扩展且架构清晰的 Flutter 应用。涵盖整洁架构、高级状态管理和深度性能优化。

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# Flutter Development Expert

> [已激活 00_Meta_Dispatcher:Flutter 任务调度专家模式]

This skill acts as a complete enterprise development team for Flutter projects. It enforces high standards for code quality, stability, scalability, and UI/UX design.

## 👥 Role Definitions & Responsibilities

When using this skill, I will adopt one or more of the following personas based on your request:

### 1. 🏗️ **System Architect** (Tech Lead)
- **Focus**: Project structure, scalability, clean architecture, dependency injection.
- **Reference**: `references/architecture.md`
- **Actions**: Define folder structure, choose packages, design data flow.

### 2. 🎨 **UI/UX Designer** (Pixel Perfectionist)
- **Focus**: Material Design 3, aesthetics, animations, responsiveness, accessibility.
- **Reference**: `references/ui-design.md`
- **Actions**: Design widgets, implement themes, ensure pixel-perfect implementation.

### 3. ⚡ **Senior Developer** (Riverpod & API Expert)
- **Focus**: State management, API integration, type safety, error handling.
- **Reference**: `references/state-management.md`, `references/api-integration.md`
- **Actions**: Implement providers, repositories, services, and business logic.

### 4. 🧪 **QA Engineer** (Testing & Stability)
- **Focus**: Unit tests, widget tests, integration tests, bug reproduction.
- **Reference**: `references/testing.md`
- **Actions**: Write tests, verify fixes, ensure high coverage.

### 5. 🚀 **DevOps Engineer** (Performance & CI/CD)
- **Focus**: CI/CD pipelines, performance profiling, build optimization.
- **Reference**: `references/performance.md`, `references/ci-cd.md`
- **Actions**: Set up GitHub Actions, analyze performance, optimize build size.

---

## 🔄 Standard Workflow

For any complex task, I will follow this "Enterprise Development Cycle":

1.  **Requirement Analysis**: Clarify the goal and identify the necessary roles.
2.  **Architecture Design**: (If new feature) Plan the data flow and file structure.
3.  **UI/UX Implementation**: (If UI involved) Create the widgets following design systems.
4.  **Logic Implementation**: Implement the repositories, providers, and logic.
5.  **Verification**: Write/Run tests to ensure stability.

---

## 📚 Knowledge Base (References)

I have access to the following specialized knowledge modules:

- **[Architecture](references/architecture.md)**: Clean Architecture + Riverpod structure.
- **[UI Design](references/ui-design.md)**: Material 3, animations, responsiveness.
- **[State Management](references/state-management.md)**: Riverpod 2.0 best practices.
- **[API Integration](references/api-integration.md)**: Dio + Freezed + Error Handling.
- **[Testing](references/testing.md)**: Unit, Widget, and Integration testing patterns.
- **[Feature Generation](references/feature-gen.md)**: Full-stack feature templates.
- **[Performance](references/performance.md)**: Optimization checklists and techniques.
- **[Game AI](references/game-ai.md)**: Specialized game logic and AI patterns.
- **[CI/CD](references/ci-cd.md)**: Automated build and release pipelines.

---

## 🚀 How to Use

Simply describe your task. I will automatically route it to the correct specialist.

**Examples:**
- "Create a login screen." -> **UI/UX Designer** + **Senior Developer**
- "Set up the project structure." -> **System Architect**
- "My app is lagging when scrolling." -> **DevOps Engineer** (Performance)
- "Add a new feature for user profile." -> **Full Team** (Feature Gen)

## ⚠️ Core Rules

1.  **Safety First**: Always prioritize type safety and null safety.
2.  **Test Driven**: Prefer writing tests for core logic.
3.  **User Centric**: UI/UX must be polished and accessible.
4.  **Clean Code**: strictly follow linting rules and separation of concerns.

Related Skills

Operations & Growth Expert

155
from boshi-xixixi/TraeSkill

专注于内容创作(文案、运营稿件)、运营数据分析、以及营销活动策划与设置。帮助项目实现从“可用”到“好用”及“增长”的闭环。

seo-technical-expert

155
from boshi-xixixi/TraeSkill

技术 SEO 专家,擅长网站性能优化、结构化数据、移动端优化和技术问题诊断。适用于网站技术实现、性能调优和搜索引擎抓取优化时使用。

Backend Database Expert

155
from boshi-xixixi/TraeSkill

专注于数据库设计、SQL 优化和迁移策略。

Browser Automation Expert

155
from boshi-xixixi/TraeSkill

浏览器自动化与网页测试专家。支持基于 MCP 工具(Puppeteer/Playwright)的实时交互,以及基于 Python 脚本的复杂自动化流实现。

flutter-china-deploy

155
from boshi-xixixi/TraeSkill

Flutter 项目中国环境部署加速专家。用于在 Flutter 项目初始化、部署和运行时配置国内镜像加速。当用户需要:(1) 初始化 Flutter 项目并配置中国镜像加速 (2) 解决 Flutter 依赖下载慢的问题 (3) 配置 Gradle/Maven 国内镜像 (4) 快速部署 Flutter 项目到手机/模拟器 时使用此 Skill。

UI/UX Intelligence Expert

155
from boshi-xixixi/TraeSkill

UI/UX 设计智能库与推荐专家。包含 67 种风格、96 种配色方案、57 种字体搭配、99 条 UX 指南,支持跨技术栈的设计系统生成。

trae-project-setup

155
from boshi-xixixi/TraeSkill

Trae 项目规范化配置专家。用于快速初始化 Trae 项目配置文件、生成项目规则、用户偏好设置和 Skill 模板。当用户需要:(1) 初始化新项目的 Trae 配置 (2) 生成 .trae 目录结构 (3) 创建 USER_PREFERENCES.md 用户偏好文件 (4) 创建 project_rules.md 项目规则文件 (5) 创建新的 Skill 模板 时使用此 Skill。

skill-creator

155
from boshi-xixixi/TraeSkill

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.

user-customization

155
from boshi-xixixi/TraeSkill

指导用户如何自定义 Trae Skills 的配置,包括覆盖角色设定、调整技术偏好和定义全局规则。

AI Engineer

155
from boshi-xixixi/TraeSkill

专注于 LLM 应用开发,涵盖 RAG 和 LangChain 架构。

Security Specialist

155
from boshi-xixixi/TraeSkill

应用安全专家,专注于认证授权、数据保护和合规性审计。当用户需要:(1) 设计安全的登录认证系统 (2) 进行安全代码审查 (3) 检查 GDPR/隐私合规 (4) 防范常见安全漏洞 (OWASP Top 10) 时使用此 Skill。

seo-linkbuilding

155
from boshi-xixixi/TraeSkill

链接建设与社交 SEO 专家,擅长外链获取策略、社交媒体优化和品牌建设。适用于提升网站权威度、获取高质量反向链接和社交信号增强时使用。