cc-flutter-dev#
Flutter Development Core (UI Patterns, Feature Creation, BLoC, Testing)
Core Flutter development plugin (UI, Feature, BLoC, Test)
Skills#
| ์ด๋ฆ | ์ค๋ช |
|---|---|
| bdd-canonical-steps | BDD canonical step dictionary โ standard expressions to avoid duplication. Use when writing BDD step |
| bdd-step-reuse | BDD step reuse rules โ prefer generic Key-based steps over domain-specific ones. Use when writing or |
| bdd-test-patterns | BDD widget test patterns with bdd_widget_test and TestApp hooks. Use when writing BDD widget tests w |
| client-cache | Client cache architecture implementation guide โ SWR/CacheFirst/NetworkFirst strategies, Drift cache |
| client-cache Reference | --- |
| coui-flutter-rules | CoUI Flutter quick reference โ context.textStyles, Material 3 semantic styles. Use when styling Flut |
| data-mapper | Data Mapper pattern for converting OpenAPI Response to Domain Entity. Use when mapping OpenAPI respo |
| figma-to-coui | Flutter UI component and pattern implementation guide with 12 Use Cases โ page structure, state mana |
| figma-to-coui Reference | Provides detailed descriptions, example code, and precautions for each Use Case. |
| figma-to-coui Templates | Ready-to-use code templates that can be copied directly (kobic Co |
| flutter-dev-pixel-loop | Hand-off skill that connects the cc-flutter-dev feature workflow to the cc-flutter-pixel-loop plugin |
| flutter-skill-mcp-guide | flutter_skill MCP installation, usage, troubleshooting, and risk management. Use when installing, us |
| golden-test-guide | Alchemist golden (visual regression) test guide for feature modules. Use when writing Alchemist gold |
| mcp-tool-selection | MCP tool selection guide for the coexisting Flutter app-side MCPs (patrol, marionette, flutter-inspe |
| patrol-bdd-conventions | Patrol + BDD test conventions โ test layers, locations, tags, and CI runs, with the local full-stack |
| patrol-mcp-guide | patrol_mcp guide for AI-driven E2E tests on real devices against a local full-stack backend. Use whe |
| swr-pattern | SWR (Stale-While-Revalidate) data fetching pattern. Use when implementing stale-while-revalidate (SW |
| viewer-side-panels | Book viewer side panel convention (CoResizable split, 768px breakpoint). Use when building book-view |
Commands#
| ์ด๋ฆ | ์ค๋ช |
|---|---|
| bdd-scenario-agent | BDD scenario generation specialist. Used for Gherkin syntax and step definition writing |
| bdd:generate | BDD Feature file and Step Definition generation |
| bdd:refactor-steps | Analyze and refactor BDD Gherkin step reusability. |
| bloc | BLoC/Cubit state management pattern + Freezed implementation |
| bloc-test-agent | BLoC state transition test specialist. Used for bloc_test package and state verification |
| config-agent | Environment configuration management specialist. Used for Envied annotations and flavor switching pa |
| console-presentation-agent | Admin console Presentation Layer generation specialist. Used for table, search, and filter UI implem |
| data-layer-agent | Clean Architecture Data Layer specialist. Used for Repository implementation, caching, and Drift DAO |
| di-agent | BLoC Provider configuration and dependency wiring specialist. Used for global/page BLoC creation and |
| domain-layer-agent | Clean Architecture Domain Layer specialist. Used for Entity, UseCase, and Repository interface work |
| feature-orchestrator-agent | Full-stack Feature orchestration specialist. Used for complete Feature creation from backend to fron |
| feature:create | Full Feature creation orchestration from Serverpod backend to Flutter frontend |
| feature:data | Clean Architecture Data Layer generation |
| feature:domain | Clean Architecture Domain Layer generation |
| feature:presentation | Clean Architecture Presentation Layer generation (BLoC, Page, Widget, Tests, Widgetbook) |
| figma-analyzer-agent | Figma design analysis specialist. Used for requirements extraction and UI structure analysis |
| figma:analyze | Figma frame analysis with requirements definition, BDD scenario generation, ZenHub issue creation, a |
| flutter-ui | Convert Figma designs to Flutter UI components (CoUI design system) |
| i18n-agent | Slang-based internationalization specialist. Used for translation key addition and multi-language su |
| pixel-loop-handoff | Shortcut into the cc-flutter-pixel-loop plugin. Runs the Figma + Maestro + Dart pixel-perfect loop o |
| presentation-layer-agent | Clean Architecture Presentation Layer specialist. Used for BLoC, Page, Widget, and Route work |
| resources-agent | UI component, theme, and extension method generation specialist. Used for CoUI customization and com |
| route-agent | GoRouter TypedRoute configuration generation specialist. Used for route definition and navigation pa |
| test | Unit/Widget/BDD/Patrol test writing guide |
| unit-test-agent | UseCase and Repository unit test specialist. Used for Mockito patterns and Either result verificatio |
| widget-test-agent | Widget rendering test specialist. Invoked for WidgetTester, pump patterns, and find matchers |
| widgetbook-agent | Widgetbook component showcase specialist. Used for UseCase writing and component catalog configurati |
Agents#
| ์ด๋ฆ | ์ค๋ช |
|---|---|
| bdd-step-reuse-agent | BDD step reuse and normalization specialist. Used for step deduplication, expression standardization |
| bloc | BLoC/Cubit state management specialist. Used for Freezed, Event/State definition, and UseCase integr |
| console-feature | Console Feature module pattern specialist. Used for KPI cards, table sorting, filtering, and other c |
| dcm-fixer | DCM lint issue fix specialist. Safely fixes one rule at a time while maintaining zero Flutter analyz |
| feature | Clean Architecture Feature module generation specialist |
| flutter-image-optimizer | Image memory optimization specialist. Used for applying cacheWidth/cacheHeight and reducing memory u |
| flutter-ui | Figma to Flutter UI conversion specialist. Used for CoUI design system and component implementation |
| test | Flutter test specialist. Used for unit/BLoC/widget/golden/BDD/Patrol test writing |
Rules#
| ์ด๋ฆ | ์ค๋ช |
|---|---|
| BDD Test Patterns | This project uses BDD (Behavior-Driven Development) style tests with TestDriver abstraction for dual |
| BLoC-UseCase DI Pattern: Optional Constructor Injection | Standard DI pattern for improving testability when using UseCase in BLoC. |
| BLoC/Cubit DCM Rules | 22 rules specific to BLoC pattern implementation. |
| Client Cache Conventions | Client cache architecture rules for this project. |
|
CoUI Flutter Quick Reference (kobic Co |
All signatures below are verified against the kobic-vendored CoUI: |
| Common DCM Rules | 331 common rules for Dart code quality. |
| DCM Auto-Fix Pitfalls | Side effects and countermeasures that may occur when running dcm analyze --fix. |
| DCM Rules Quick Reference | Essential Dart Code Metrics rules for all Dart code in this project. |
| Data Mapper Pattern | Rules for writing Mapper classes that convert OpenAPI Response to Domain Entity. |
| Flutter Widget DCM Rules | 57 rules specific to Flutter widget development. |
| HTTP Logging Rules | TalkerDioLogger configuration and security guide for HTTP request/response logging. |
| Incremental Build Rules | An incremental build system guide that saves time by only building changed packages in local develop |
| Provider DCM Rules | 8 rules specific to Provider package usage. |
| SWR (Stale-While-Revalidate) Pattern | SWR strategy implementation guide for fast UI responsiveness when fetching data in projects. |
| Unit Test Patterns | Standard patterns for writing BLoC and UseCase unit tests. |
References#
| ์ด๋ฆ | ์ค๋ช |
|---|---|
| Agent Dependency Graph | Visualizes workflows and dependencies between agents, skills, and commands. |
| Agent Improvement Requirements | --- |
| BLoC Patterns | BLoC (Business Logic Component) is a state management pattern for Flutter. |
| Caching Strategy Patterns | Optimizes user experience and network efficiency through data caching strategies. |
| Claude Code Context Management Guide | A guide for maximizing context window efficiency. |
| Dependency Wiring Checklist | Removed: |
| Module Refactoring Patterns | A guide for module renaming and refactoring. |
| Pattern Selection Guide | A decision guide for selecting optimal patterns based on the situation. |
| Repository Patterns | Repository abstracts data sources and handles data access from the Domain Layer. |
| UseCase Patterns | UseCase is a core component of Clean Architecture that encapsulates business logic. |
๊ด๋ จ ํ๋ฌ๊ทธ์ธ#
| ํ๋ฌ๊ทธ์ธ | ์ค๋ช |
|---|---|
| cc-code-quality | Code quality (code review, checklists, bug reports, QA Health Score) |
| cc-dev-cycle | Development cycle automation (Issue Cycle, Bug Cycle, Session, ZenHub, Agent Teams) |
| cc-flutter-inspector | Flutter Inspector ๋๋ฒ๊น (Master + 9 ์ ๋ฌธ Inspectors) |
| cc-flutter-pixel-loop | Pixel-perfect Flutter UI agentic loop using Figma + Maestro + Dart MCPs (Read โ Write โ Reload โ Cap |
| cc-serverpod | Serverpod basics โ model/endpoint generation, migrations |
| cc-uiux | UI/UX ํตํฉ (๋์์ธยทํ๋ก ํธ์๋ยท์ ๊ทผ์ฑยทํ ์คํ ยท๋ณด์ยทDevOpsยทDB ์ค๊ณ) - 20 skills |
์ค์น#
claude plugins install coco-de/skills/plugins/cc-flutter-dev