Communitygithub.com

madteacher/flutter-architecture

Diseñar, refactorizar, revisar o implementar la arquitectura de aplicaciones Flutter utilizando MVVM, capas de UI/Datos/Dominio opcionales, estructura de proyecto feature-first o layer-first, repositorios, servicios, inyección de dependencias, patrones Result y Command, flujos offline-first o UI optimista. Úsalo cuando necesites agregar una funcionalidad en Flutter, auditar dependencias entre capas, corregir importaciones entre características, migrar a feature-first, elegir arquitectura para un proyecto Flutter o crear una organización de código Flutter escalable y mantenible.

¿Qué es flutter-architecture?

Esta habilidad te guía en el diseño, refactorización e implementación de la arquitectura de aplicaciones Flutter, ofreciendo soporte para patrones modernos como MVVM, capas bien definidas (UI, Datos y un Dominio opcional), y estructuras de proyecto tanto feature-first como layer-first. Es especialmente útil al agregar nuevas funcionalidades, auditar dependencias entre capas, corregir importaciones que cruzan límites de características, o migrar a un enfoque feature-first. La habilidad trabaja con patrones clave como repositorios, servicios, inyección de dependencias, Result y Command, permitiendo flujos offline-first o UI optimista. Está optimizada para asistentes como Claude Code, Cursor y Codex, y todo su conocimiento se basa en el archivo SKILL.md, que proporciona las reglas y mejores prácticas documentadas para crear una organización de código Flutter escalable y mantenible.

Compatible con~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add https://github.com/madteacher/mad-agents-skills/tree/main/skills/flutter-architecture
Ver original→Ver todas las habilidades

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentación

¿Qué hace flutter-architecture?

Diseñar, refactorizar, revisar o implementar la arquitectura de aplicaciones Flutter utilizando MVVM, capas de UI/Datos/Dominio opcionales, estructura de proyecto feature-first o layer-first, repositorios, servicios, inyección de dependencias, patrones Result y Command, flujos offline-first o UI optimista. Úsalo cuando necesites agregar una funcionalidad en Flutter, auditar dependencias entre capas, corregir importaciones entre características, migrar a feature-first, elegir arquitectura para un proyecto Flutter o crear una organización de código Flutter escalable y mantenible.

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

madteacher/flutter-adaptive-ui

Build, fix, review, and validate adaptive or responsive Flutter UIs for mobile, tablet, desktop, web, large screens, foldables, and mixed input devices. Use when creating breakpoint-driven layouts, responsive navigation, adaptive dialogs/lists/grids, keyboard/mouse/touch behavior, window-size decisions with MediaQuery or LayoutBuilder, or Capability and Policy patterns for platform-specific behavior.

madteacher/flutter-animations

Add, fix, refactor, debug, test, or explain Flutter animations and motion effects. Use when working with implicit animations such as AnimatedContainer, AnimatedOpacity, AnimatedSwitcher, and TweenAnimationBuilder; explicit animations using AnimationController, Tween, CurvedAnimation, AnimatedWidget, AnimatedBuilder, and built-in transitions; Hero/shared-element route transitions; staggered or sequenced animations; physics-based motion, gestures, springs, flings, scroll physics, curves, performance, accessibility, reduced motion, and animation lifecycle bugs.

madteacher/flutter-testing

Write, fix, review, debug, and validate Flutter tests for apps, packages, and plugins. Use when adding unit tests, widget tests, integration tests, MethodChannel or plugin mocks, Mockito or mocktail test doubles, golden or accessibility checks, CI test commands, test failures, MissingPluginException, pump or pumpAndSettle problems, finder errors, build_runner mock generation, device integration testing, web integration testing, or flaky Flutter tests.

Skills relacionados

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community