fluxwing-skills
一款通过对话和ASCII草图快速迭代UI设计的AI工具技能集。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：fluxwing-skills。 它的用途是：一款通过对话和ASCII草图快速迭代UI设计的AI工具技能集。 完整的 Skill 内容见：https://321skill.com/skills/fluxwing-skills/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘帮我设计一个用户个人资料页的布局’，它会启动`fluxwing-screen-scaffolder`技能，用ASCII框线画出页面结构，并询问你需要包含哪些模块（如头像、信息表单、按钮）。然后你可以说‘把保存按钮移到顶部，并添加一个禁用状态’，AI会即时调整ASCII草图并为按钮添加状态元数据。
介绍
Fluxwing Skills 解决了设计师和开发者在产品设计初期，因高保真设计耗时过长而阻碍快速迭代和验证的问题。它倡导“渐进式保真度”工作流，允许用户先用ASCII字符快速勾勒界面布局，通过自然语言与AI（如Claude）协作进行修改，待方案成熟后再添加组件元数据和行为，最终才投入高保真视觉实现。
使用方式非常直观：在Claude Code或Claude Desktop中安装对应技能后，用户只需像聊天一样提出需求，例如“创建一个按钮组件”或“构建一个登录页面”，相应的技能就会被触发，引导用户完成从ASCII草图到带状态和元数据的组件设计全过程。
这套技能非常适合需要快速原型验证的产品经理、UI设计师以及希望在设计阶段就介入逻辑的前端/全栈开发者。它尤其适合在敏捷开发、头脑风暴或需求尚不明确的早期阶段使用，能极大提升从想法到可视方案的沟通效率。
使用建议是，将其定位为“设计沟通工具”而非“最终产出工具”。充分利用其低门槛的ASCII阶段进行多方案探索和团队评审，避免过早陷入视觉细节。注意，它生成的是结构化的设计描述（uxscii标准），而非可直接运行的代码，最终实现仍需开发环节完成。
核心特点
核心在于其“渐进式保真度”理念和“uxscii”ASCII设计语言，允许在完全无需视觉设计工具的情况下，通过纯文本对话快速完成界面布局的构思、迭代与评审，将设计迭代速度从“小时级”降至“分钟级”。
注意事项
不适合需要直接生成高保真视觉设计稿或生产级前端代码的场景，其产出是设计结构和元数据，需进一步开发实现。
常见问题
Fluxwing 和 uxscii 是什么关系？
uxscii 是用于描述UI结构的开放文本标准（类似HTML），而 Fluxwing 是使用该标准进行设计的AI工具。
安装后如何开始使用？
在Claude中直接说出你的设计意图，例如“创建一个卡片组件”或“设计一个设置页面”，对应的技能会自动响应。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/fluxwing-skills/raw/index.md 读取 fluxwing-skills 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/fluxwing-skills/raw/index.md（查看排版版本）