flutter-adaptive-ui
✓构建自适应和响应式 Flutter UI,在所有平台和屏幕尺寸上都能完美运行。在创建需要根据屏幕尺寸调整布局、支持包括移动平板电脑桌面和 Web 在内的多个平台、处理触摸鼠标和键盘等不同输入设备、实现响应式导航模式、针对大屏幕和可折叠设备进行优化或使用功能和策略模式来实现特定于平台的行为的 Flutter 应用程序时使用。
SKILL.md
Create Flutter applications that adapt gracefully to any screen size, platform, or input device. This skill provides comprehensive guidance for building responsive layouts that scale from mobile phones to large desktop displays while maintaining excellent user experience across touch, mouse, and keyboard interactions.
Core Layout Rule: Constraints go down. Sizes go up. Parent sets position.
Identify widgets that need adaptability and extract common data. Common patterns:
构建自适应和响应式 Flutter UI,在所有平台和屏幕尺寸上都能完美运行。在创建需要根据屏幕尺寸调整布局、支持包括移动平板电脑桌面和 Web 在内的多个平台、处理触摸鼠标和键盘等不同输入设备、实现响应式导航模式、针对大屏幕和可折叠设备进行优化或使用功能和策略模式来实现特定于平台的行为的 Flutter 应用程序时使用。 来源:madteacher/mad-agents-skills。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-adaptive-ui- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 flutter-adaptive-ui?
构建自适应和响应式 Flutter UI,在所有平台和屏幕尺寸上都能完美运行。在创建需要根据屏幕尺寸调整布局、支持包括移动平板电脑桌面和 Web 在内的多个平台、处理触摸鼠标和键盘等不同输入设备、实现响应式导航模式、针对大屏幕和可折叠设备进行优化或使用功能和策略模式来实现特定于平台的行为的 Flutter 应用程序时使用。 来源:madteacher/mad-agents-skills。
如何安装 flutter-adaptive-ui?
打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-adaptive-ui 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪?
https://github.com/madteacher/mad-agents-skills
详情
- 分类
- *创意媒体
- 来源
- skills.sh
- 收录时间
- 2026-02-01