atelier-ui

提供高端数字产品的UI设计风格技能集合。

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:atelier-ui。
它的用途是:提供高端数字产品的UI设计风格技能集合。
完整的 Skill 内容见:https://321skill.com/skills/atelier-ui/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

'$editorial-designer,请为我的高端咖啡订阅App设计一个首页布局,要体现出杂志般的精致感和故事性。',它会基于时尚杂志的美学原则,生成一个包含大胆排版、对比色块和卡片式布局的设计方案,并解释其设计思路。

介绍

Atelier UI 是一个专注于为数字产品提供高端、专业UI设计风格的技能集合。它解决了设计师和开发者需要快速应用特定、成熟的视觉美学到产品中的问题,避免了从零开始构思设计语言的繁琐过程。

通过安装此技能包,用户可以在AI助手(如Claude)中调用特定的设计风格指令,例如 $editorial-designer$apple-ui-designer,AI将基于该风格的设计原则来生成或优化UI界面、组件或设计建议,极大提升了设计构思和原型制作的效率。

它非常适合UI设计师、产品经理以及全栈开发者,特别是那些需要快速产出具有特定品牌调性或平台原生感设计稿的团队成员。无论是为新项目寻找设计方向,还是为现有界面进行风格化优化,都能从中受益。

使用建议是,明确你希望产品传达的感觉(如杂志般的精致感、苹果的原生感),然后选择对应的技能。注意,这些技能提供的是设计原则和美学指导,最终的实现细节仍需结合具体产品和开发约束进行调整。

核心特点

与通用UI设计技能不同,它深度聚焦于三种高度风格化且成熟的设计体系:时尚杂志美学、苹果原生设计语言和iOS玻璃材质系统,每种风格都有明确、具体的设计原则和视觉范例,而非泛泛的“好看”或“现代”。

注意事项

不适合追求高度自定义、非上述三种风格体系或需要完全创新、无既定范式设计语言的场景。

常见问题

如何安装Atelier UI技能?

可通过Claude插件市场安装,或手动将技能文件夹复制到Codex的全局或项目技能目录中。

editorial-designer和apple-ui-designer有什么区别?

editorial-designer模仿时尚杂志的排版和自信感,适合生活方式类应用;apple-ui-designer严格遵循iOS设计规范,追求原生苹果应用的体验。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/atelier-ui/raw/index.md 读取 atelier-ui 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。