Communitygithub.com

madteacher/flutter-adaptive-ui

Construisez, corrigez, révisez et validez des interfaces utilisateur Flutter adaptatives ou responsives pour mobiles, tablettes, ordinateurs de bureau, web, grands écrans, pliables et appareils à entrées mixtes.

Qu'est-ce que flutter-adaptive-ui ?

Cette compétence permet de créer, réviser et valider des interfaces utilisateur Flutter adaptatives ou responsives destinées à une large gamme d'appareils : mobiles, tablettes, ordinateurs de bureau, web, grands écrans, pliables et appareils à entrées mixtes. Elle est particulièrement utile pour les mises en page pilotées par des points de rupture, la navigation responsive, les boîtes de dialogue/listes/grilles adaptatives, la gestion des interactions au clavier, à la souris et au toucher, ainsi que les décisions basées sur la taille de la fenêtre via MediaQuery ou LayoutBuilder. Elle prend en charge les motifs Capability et Policy pour un comportement spécifique à chaque plateforme. Fonctionnant comme un assistant intégré à l'écosystème Flutter, cette compétence guide le développeur dans l'implémentation de motifs de conception adaptatifs éprouvés, garantissant une expérience utilisateur cohérente sur tous les facteurs de forme.

Compatible avec~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add https://github.com/madteacher/mad-agents-skills/tree/main/skills/flutter-adaptive-ui
Voir l'original→Voir toutes les compétences

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

Que fait flutter-adaptive-ui ?

Construisez, corrigez, révisez et validez des interfaces utilisateur Flutter adaptatives ou responsives pour mobiles, tablettes, ordinateurs de bureau, web, grands écrans, pliables et appareils à entrées mixtes. Utilisez cette compétence lors de la création de mises en page pilotées par des points de rupture, de la navigation responsive, de boîtes de dialogue/listes/grilles adaptatives, du comportement au clavier/souris/toucher, des décisions sur la taille de la fenêtre avec MediaQuery ou LayoutBuilder, ou des motifs Capability et Policy pour un comportement spécifique à la plateforme.

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 associés

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