anduril
为UI设计工作自动应用Anduril风格的设计约束
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:anduril。 它的用途是:为UI设计工作自动应用Anduril风格的设计约束 完整的 Skill 内容见:https://321skill.com/skills/anduril/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
当你需要编写一个React按钮组件并希望它符合Anduril设计规范时,可以
对AI说:“/anduril Button.jsx”。AI会审查该文件,并建议你将背景色改为深色模式下的石灰绿强调色,将字体设置为Helvetica Neue,并移除任何阴影或圆角,以确保组件风格统一。
介绍
这个Skill旨在解决开发者和设计师在构建用户界面时,需要快速、一致地遵循特定设计系统(如Anduril风格)的难题。它通过预设的规则,自动将Anduril设计系统的约束应用到UI工作中,确保设计产出符合统一的视觉和交互规范。
使用方式非常直接。安装后,在对话中使用 /anduril 命令即可对当前对话中的UI工作应用所有约束;使用 /anduril <文件名> 则可以针对特定文件进行审查,检查其是否符合所有设计约束。
这个Skill非常适合前端开发者、UI设计师以及任何需要产出符合Anduril设计风格界面的产品经理或全栈开发者。它尤其适用于那些希望快速对齐团队设计规范、避免重复手动检查的协作场景。
建议在项目初期或设计评审阶段使用此Skill,以确保设计方向的一致性。需要注意的是,它强依赖于预设的Anduril设计规则,因此如果你的项目需要完全自定义或混合其他设计语言,可能需要手动调整或结合其他工具。
核心特点
与通用的代码格式化或样式检查工具不同,它专门针对Anduril设计系统,提供了一套从色彩、字体、组件到动效和可访问性的完整、固执己见的约束规则,能直接产出符合该特定品牌视觉语言的UI代码。
注意事项
不适合需要高度自定义、灵活设计或遵循其他设计系统(如Material Design、Ant Design)的UI项目。
常见问题
这个Skill支持哪些AI编码助手?
支持Claude Code、Cursor、Codex等,安装时可指定代理。
使用/anduril命令后具体会做什么?
它会分析对话中或指定文件的UI代码,并根据Anduril设计系统的规则(如颜色、字体、组件样式等)提供修改建议或直接应用约束。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/anduril/raw/index.md 读取 anduril 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/anduril/raw/index.md(查看排版版本)