Communitygithub.com

madteacher/flutter-adaptive-ui

构建、修复、审核和验证适用于移动端、平板、桌面、网页、大屏、折叠屏及混合输入设备的自适应或响应式Flutter界面。

flutter-adaptive-ui 是什么?

该技能专注于Flutter自适应UI开发,帮助开发者构建和优化在多种设备(移动端、平板、桌面、网页、大屏、折叠屏)和输入方式(键盘、鼠标、触摸)下表现良好的界面。它支持基于断点的布局、响应式导航、自适应对话框/列表/网格,以及通过MediaQuery或LayoutBuilder进行窗口尺寸决策。此外,还包含平台特定行为的Capability和Policy模式,确保应用在不同设备上提供一致且流畅的用户体验。该技能适用于使用Claude Code、Cursor、Codex等AI代理工具的开发场景,能够自动生成或优化符合自适应UI原则的代码,减少手动调整布局的工作量。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/madteacher/mad-agents-skills/tree/main/skills/flutter-adaptive-ui

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

flutter-adaptive-ui 是做什么的?

构建、修复、审核和验证适用于移动端、平板、桌面、网页、大屏、折叠屏及混合输入设备的自适应或响应式Flutter界面。在创建基于断点的布局、响应式导航、自适应对话框/列表/网格、键盘/鼠标/触摸行为、使用MediaQuery或LayoutBuilder进行窗口尺寸决策,或使用Capability和Policy模式实现平台特定行为时使用。

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.

相关技能