全面的 Flutter UI/UX 开发技能，用于创建美观、响应式和动画的移动应用程序。当用户要求时使用： (1) 构建 Flutter UI 组件或屏幕 (2) 实现动画和过渡 (3) 设计响应式布局 (4) 创建自定义小部件和主题 (5) 优化UI性能和可访问性 触发器：“创建 Flutter UI”、“构建 Flutter 屏幕”、“Flutter 动画”、“响应式 Flutter 布局”、“自定义 Flutter 小部件”、“Flutter 主题设计”
通过命令行快速安装 flutter-ui-ux AI 技能到你的开发环境
来源：ajianaz/skills-collection。
Create beautiful, responsive, and animated Flutter applications with modern design patterns and best practices.
| 1 | Widget Composition | Reusable, maintainable UI components | | 2 | Responsive Design | Adaptive layouts for all screen sizes | | 3 | Animations | Smooth, purposeful transitions and micro-interactions | | 4 | Custom Themes | Consistent, branded visual identity | | 5 | Performance | 60fps rendering and optimal resource usage |
| LayoutBuilder | Responsive layouts | LayoutBuilder(builder: (context, constraints) => ...) | | MediaQuery | Screen info | MediaQuery.of(context).size.width | | Flexible/Expanded | Flex layouts | Flexible(child: ...) or Expanded(child: ...) | | AspectRatio | Fixed ratios | AspectRatio(aspectRatio: 16/9, child: ...) |
全面的 Flutter UI/UX 开发技能，用于创建美观、响应式和动画的移动应用程序。当用户要求时使用： (1) 构建 Flutter UI 组件或屏幕 (2) 实现动画和过渡 (3) 设计响应式布局 (4) 创建自定义小部件和主题 (5) 优化UI性能和可访问性 触发器：“创建 Flutter UI”、“构建 Flutter 屏幕”、“Flutter 动画”、“响应式 Flutter 布局”、“自定义 Flutter 小部件”、“Flutter 主题设计” 来源：ajianaz/skills-collection。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/ajianaz/skills-collection --skill flutter-ui-ux全面的 Flutter UI/UX 开发技能，用于创建美观、响应式和动画的移动应用程序。当用户要求时使用： (1) 构建 Flutter UI 组件或屏幕 (2) 实现动画和过渡 (3) 设计响应式布局 (4) 创建自定义小部件和主题 (5) 优化UI性能和可访问性 触发器：“创建 Flutter UI”、“构建 Flutter 屏幕”、“Flutter 动画”、“响应式 Flutter 布局”、“自定义 Flutter 小部件”、“Flutter 主题设计” 来源：ajianaz/skills-collection。
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/ajianaz/skills-collection --skill flutter-ui-ux 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/ajianaz/skills-collection