Communitygithub.com

madteacher/flutter-adaptive-ui

Construye, corrige, revisa y valida interfaces de usuario adaptativas o responsivas en Flutter para dispositivos móviles, tablets, escritorio, web, pantallas grandes, plegables y dispositivos con entrada mixta. Úsalo al crear diseños basados en puntos de interrupción, navegación responsiva, diálogos/listas/rejillas adaptativas, comportamiento con teclado/ratón/táctil, decisiones basadas en tamaño de ventana con MediaQuery o LayoutBuilder, o patrones de Capacidad y Política para comportamiento específico de plataforma.

¿Qué es flutter-adaptive-ui?

Este skill de agente IA está diseñado para ayudar a desarrolladores de Flutter a crear, revisar y depurar interfaces de usuario (UI) adaptativas y responsivas que funcionan en una amplia gama de dispositivos: móviles, tablets, escritorio, web, pantallas grandes, plegables y dispositivos con entrada mixta (teclado, ratón, táctil). Es útil cuando se implementan diseños basados en puntos de interrupción (breakpoints), navegación responsiva, diálogos, listas y rejillas que se ajustan al tamaño de pantalla, comportamiento de entrada según el dispositivo, y decisiones de diseño basadas en el tamaño de la ventana usando MediaQuery o LayoutBuilder. También cubre patrones avanzados como Capacidad (Capability) y Política (Policy) para manejar comportamientos específicos de cada plataforma. Está pensado para plataformas como Claude Code, Cursor, Codex y otros asistentes de IA que integren skills, y se basa en un flujo de trabajo que incluye la construcción desde cero, corrección de problemas de adaptabilidad, revisión de código para cumplir con estándares de diseño responsivo, y validación de que la UI se comporte correctamente en todos los tamaños y orientaciones.

Compatible con~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add https://github.com/madteacher/mad-agents-skills/tree/main/skills/flutter-adaptive-ui
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-adaptive-ui?

Construye, corrige, revisa y valida interfaces de usuario adaptativas o responsivas en Flutter para dispositivos móviles, tablets, escritorio, web, pantallas grandes, plegables y dispositivos con entrada mixta. Úsalo al crear diseños basados en puntos de interrupción, navegación responsiva, diálogos/listas/rejillas adaptativas, comportamiento con teclado/ratón/táctil, decisiones basadas en tamaño de ventana con MediaQuery o LayoutBuilder, o patrones de Capacidad y Política para comportamiento específico de plataforma.

Individual skills in this repo

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

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-architecture

Design, refactor, review, or implement Flutter app architecture using MVVM, layered UI/Data/optional Domain boundaries, feature-first or layer-first project structure, repositories, services, dependency injection, Result and Command patterns, offline-first or optimistic UI flows. Use when asked to add a Flutter feature, audit layer dependencies, fix cross-feature imports, migrate to feature-first, choose architecture for a Flutter project, or create scalable maintainable Flutter code organization.

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