Flutter Development Expert
About
This skill provides comprehensive Flutter development expertise for building production-ready applications. It functions as a full enterprise team, covering system architecture with clean patterns, advanced state management, and pixel-perfect UI/UX design. Use it for guidance on structuring scalable projects, implementing best practices, and optimizing performance.
Quick Install
Claude Code
Recommended/plugin add https://github.com/majiayu000/claude-skill-registrygit clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/Flutter Development ExpertCopy and paste this command in Claude Code to install this skill
Documentation
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":
- Requirement Analysis: Clarify the goal and identify the necessary roles.
- Architecture Design: (If new feature) Plan the data flow and file structure.
- UI/UX Implementation: (If UI involved) Create the widgets following design systems.
- Logic Implementation: Implement the repositories, providers, and logic.
- Verification: Write/Run tests to ensure stability.
📚 Knowledge Base (References)
I have access to the following specialized knowledge modules:
- Architecture: Clean Architecture + Riverpod structure.
- UI Design: Material 3, animations, responsiveness.
- State Management: Riverpod 2.0 best practices.
- API Integration: Dio + Freezed + Error Handling.
- Testing: Unit, Widget, and Integration testing patterns.
- Feature Generation: Full-stack feature templates.
- Performance: Optimization checklists and techniques.
- Game AI: Specialized game logic and AI patterns.
- CI/CD: 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
- Safety First: Always prioritize type safety and null safety.
- Test Driven: Prefer writing tests for core logic.
- User Centric: UI/UX must be polished and accessible.
- Clean Code: strictly follow linting rules and separation of concerns.
GitHub Repository
Related Skills
algorithmic-art
MetaThis Claude Skill creates original algorithmic art using p5.js with seeded randomness and interactive parameters. It generates .md files for algorithmic philosophies, plus .html and .js files for interactive generative art implementations. Use it when developers need to create flow fields, particle systems, or other computational art while avoiding copyright issues.
subagent-driven-development
DevelopmentThis skill executes implementation plans by dispatching a fresh subagent for each independent task, with code review between tasks. It enables fast iteration while maintaining quality gates through this review process. Use it when working on mostly independent tasks within the same session to ensure continuous progress with built-in quality checks.
executing-plans
DesignUse the executing-plans skill when you have a complete implementation plan to execute in controlled batches with review checkpoints. It loads and critically reviews the plan, then executes tasks in small batches (default 3 tasks) while reporting progress between each batch for architect review. This ensures systematic implementation with built-in quality control checkpoints.
cost-optimization
OtherThis Claude Skill helps developers optimize cloud costs through resource rightsizing, tagging strategies, and spending analysis. It provides a framework for reducing cloud expenses and implementing cost governance across AWS, Azure, and GCP. Use it when you need to analyze infrastructure costs, right-size resources, or meet budget constraints.
