flutter-claude-code
19个专业智能体,覆盖Flutter从设计到部署的全流程开发。
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:flutter-claude-code。 它的用途是:19个专业智能体,覆盖Flutter从设计到部署的全流程开发。 完整的 Skill 内容见:https://321skill.com/skills/flutter-claude-code/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“根据这张Figma设计稿,为我的购物应用生成商品列表页的Flutter代码。” 它会调用‘flutter-ui-designer’分析设计元素,然后由‘flutter-ui-implementer’生成遵循Material Design规范的生产级代码,最后‘flutter-ui-comparison’可以帮你检查实现效果与设计稿的差异。
介绍
Flutter Claude Code 是一个专为Flutter开发者设计的智能体集合,旨在解决从UI设计到应用上架全流程中的复杂开发任务。它通过19个分工明确的智能体,将大型项目拆解为可协作的模块化任务,例如将Figma设计稿自动转化为Flutter代码、处理平台特定集成、管理状态架构以及优化应用性能。
使用时,开发者可以根据当前开发阶段,通过简单的命令行安装对应的智能体类别。例如,在UI开发阶段安装“flutter-ui”包,即可调用UI设计师、实现者和对比校对等智能体协同工作,确保代码与设计稿高度一致。
该技能包非常适合需要高效、标准化开发流程的Flutter团队或个人开发者。无论是经验丰富的老手希望自动化繁琐任务,还是新手需要遵循最佳实践来构建稳健的应用程序,都能从中受益。
建议用户初次使用时安装完整的“flutter-all”包以体验全部功能,熟悉后可根据项目需求灵活选用特定类别。由于智能体间存在协作关系,建议在涉及多环节的任务(如设计转代码)时,同时启用相关智能体以获得最佳效果。
核心特点
与单一功能的Flutter助手不同,它提供了覆盖完整开发生命周期的19个垂直领域智能体,并能通过“设计迭代协调员”等智能体实现跨环节的自动化工作流编排,真正实现了从设计到部署的端到端协同。
注意事项
该技能包高度专注于Flutter技术栈,不适合非Flutter的跨平台框架(如React Native)或原生应用开发。
常见问题
如何安装所有智能体?
使用命令 `/plugin install flutter-all@flutter-claude-code` 即可一键安装全部19个智能体和1个模式技能。
只想做UI开发,需要安装哪些?
安装UI与设计类别即可,命令为 `/plugin install flutter-ui@flutter-claude-code`,它包含了UI设计、实现、对比和迭代协调等核心智能体。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/flutter-claude-code/raw/index.md 读取 flutter-claude-code 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/flutter-claude-code/raw/index.md(查看排版版本)