Communitygithub.com

madteacher/flutter-adaptive-ui

Construa, corrija, revise e valide UIs adaptáveis ou responsivas em Flutter para dispositivos móveis, tablets, desktops, web, telas grandes, dobráveis e dispositivos com entrada mista.

O que é flutter-adaptive-ui?

Este skill capacita agentes de IA, como o Claude Code, a construir, corrigir, revisar e validar interfaces de usuário (UIs) Flutter adaptáveis ou responsivas para uma ampla variedade de dispositivos e fatores de forma: dispositivos móveis, tablets, desktops, web, telas grandes, dobráveis e dispositivos com entrada mista (teclado, mouse, toque). É particularmente útil ao implementar layouts orientados por breakpoints, navegação responsiva, diálogos/listas/grades adaptáveis, comportamento específico para teclado, mouse ou toque, decisões baseadas no tamanho da janela com MediaQuery ou LayoutBuilder, ou padrões Capability e Policy para comportamentos específicos de cada plataforma. O skill atua como um especialista em design responsivo, fornecendo diretrizes para criar experiências consistentes e otimizadas em todas as plataformas suportadas pelo Flutter, sem necessidade de configurações adicionais específicas do dispositivo. Sua principal utilidade é garantir que o código gerado ou revisado siga as melhores práticas de adaptabilidade, como o uso de breakpoints padrão (ex.: 600px para tablets, 840px para desktop), navegação que se adapta (como BottomNavigationBar em dispositivos móveis e NavigationRail em telas maiores), e tratamento adequado de diferentes modalidades de entrada.

Funciona com~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→Navegar por todas as habilidades

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentação

O que flutter-adaptive-ui faz?

Construa, corrija, revise e valide UIs adaptáveis ou responsivas em Flutter para dispositivos móveis, tablets, desktops, web, telas grandes, dobráveis e dispositivos com entrada mista. Use ao criar layouts orientados por breakpoints, navegação responsiva, diálogos/listas/grades adaptáveis, comportamento de teclado/mouse/toque, decisões de tamanho de janela com MediaQuery ou LayoutBuilder, ou padrões de Capacidade e Política para comportamento 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.

Habilidades Relacionadas

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