Communitygithub.com

fluttersdk/wind

Tailwind CSS 样式用于 Flutter — 类名如 flex、p-4、dark:bg-gray-800 可组合成 Widget 树。提供 MCP 服务器和 Claude Code 技能,适用于 AI 智能体。

wind 是什么?

fluttersdk/wind 是一个为 Flutter 开发者设计的 AI 智能体技能,它将 Tailwind CSS 的实用类名(如 flex、p-4、dark:bg-gray-800)映射到 Flutter 的 Widget 树中,实现快速、声明式的 UI 布局。该技能通过 MCP(模型上下文协议)服务器和 Claude Code 集成,允许 AI 智能体(如 Claude)理解和生成类似 Tailwind 的类名来构建 Flutter 界面,无需手动编写嵌套的 Widget 代码。这对于使用 AI 辅助 Flutter 开发的场景特别有用,可以显著提高 UI 原型设计的速度。该技能支持 Claude Code 等基于 MCP 的 AI 平台,其工作原理是解析类名字符串并将其转换为相应的 Flutter Widget 属性,从而在保持 Tailwind 简洁语法的同时,生成可维护的 Flutter 代码。截至最近的更新,该仓库获得了 20 个 GitHub 星标,并持续维护中。

兼容平台✓Claude Code~Codex CLI~Cursor
npx skills add fluttersdk/wind

在你喜欢的 AI 中提问

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

文档

wind 是做什么的?

Tailwind CSS 样式用于 Flutter — 类名如 flex、p-4、dark:bg-gray-800 可组合成 Widget 树。提供 MCP 服务器和 Claude Code 技能,适用于 AI 智能体。

相关技能