Communitygithub.com

madteacher/flutter-adaptive-ui

Erstellen, reparieren, überprüfen und validieren Sie adaptive oder responsive Flutter-Benutzeroberflächen für Mobilgeräte, Tablets, Desktops, das Web, große Bildschirme, faltbare Geräte und Geräte mit gemischter Eingabe.

Was ist flutter-adaptive-ui?

Diese Skill-Definition unterstützt Entwickler beim Erstellen, Reparieren, Überprüfen und Validieren adaptiver oder responsiver Flutter-Benutzeroberflächen. Sie ist nützlich für die Umsetzung von breakpoint-gesteuerten Layouts, responsiver Navigation, adaptiven Dialogen/Listen/Rastern, Tastatur-/Maus-/Touch-Verhalten sowie fenstergrößenabhängigen Entscheidungen mit MediaQuery oder LayoutBuilder. Der Skill eignet sich besonders für die Implementierung von Capability- und Policy-Mustern für plattformspezifisches Verhalten und deckt eine breite Palette von Geräten ab: Mobilgeräte, Tablets, Desktops, das Web, große Bildschirme, faltbare Geräte und gemischte Eingabegeräte. Entwickler können diese Skill nutzen, um sicherzustellen, dass ihre Flutter-Anwendungen auf verschiedenen Plattformen und Bildschirmgrößen konsistent und benutzerfreundlich funktionieren.

Funktioniert mit~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add https://github.com/madteacher/mad-agents-skills/tree/main/skills/flutter-adaptive-ui
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Was macht flutter-adaptive-ui?

Erstellen, reparieren, überprüfen und validieren Sie adaptive oder responsive Flutter-Benutzeroberflächen für Mobilgeräte, Tablets, Desktops, das Web, große Bildschirme, faltbare Geräte und Geräte mit gemischter Eingabe. Verwenden Sie dies bei der Erstellung von breakpoint-gesteuerten Layouts, responsiver Navigation, adaptiven Dialogen/Listen/Rastern, Tastatur-/Maus-/Touch-Verhalten, fenstergrößenabhängigen Entscheidungen mit MediaQuery oder LayoutBuilder oder Capability- und Policy-Mustern für plattformspezifisches Verhalten.

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.

Verwandte Skills

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