swiss-design-skill
为AI Agent界面提供瑞士国际主义风格的设计系统。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：swiss-design-skill。 它的用途是：为AI Agent界面提供瑞士国际主义风格的设计系统。 完整的 Skill 内容见：https://321skill.com/skills/swiss-design-skill/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“用瑞士设计风格清理一下这个用户界面的布局。” 它会自动应用IBM Plex Sans字体、石材色板、12列网格和充足的留白，使界面变得清晰、有序。或者
对AI说：“让这个数据仪表盘看起来更专业，使用swiss-design。” 它会调整文本层级、对齐方式和间距，呈现出功能优先的极简美感。
介绍
swiss-design-skill 旨在解决AI Agent生成或处理的界面在视觉上杂乱、缺乏设计规范的问题。它提供了一个基于瑞士国际主义（Swiss International Style）设计哲学的系统，强调清晰的网格、留白、克制用色和功能优先的美学，帮助非设计师快速获得专业、现代的界面视觉效果。
使用方式非常便捷。用户只需通过一行命令（如 npx skills add zeke/swiss-design-skill）安装该技能，然后在与AI Agent交互时，通过自然语言指令（例如“应用swiss-design技能美化这个页面”）即可触发。Agent会自动将预设的排版、色彩、间距等设计规则应用到当前处理的UI内容上。
这个技能非常适合需要快速产出或优化界面原型的产品经理、开发者、内容创作者，以及任何希望其AI助手输出的网页、报告或演示文稿拥有统一、高级视觉风格的用户。它降低了专业UI设计的门槛。
与同类提供通用美化或简单主题的UI技能相比，swiss-design-skill的独特之处在于其严格遵循了一套完整、经典的设计体系（瑞士风格），而非零散的样式堆砌。它提供了从设计原则、CSS变量到组件模式的一整套参考，确保了设计语言的一致性和可扩展性，输出结果具有高度的辨识度和专业性。
核心特点
核心区别在于它严格遵循并完整实现了经典的瑞士国际主义设计体系（包括12列网格、基于透明度的层级、单一强调色等），提供了一套完整、一致、可扩展的设计令牌（Design Tokens）和组件模式，而非简单的样式模板。
注意事项
不适合追求丰富色彩、复杂装饰或需要强烈情感化、个性化视觉风格的场景。
常见问题
swiss-design-skill 是什么？
它是一个为AI Agent界面提供瑞士国际主义风格设计系统的技能，能自动应用专业的排版、网格和色彩规则。
如何安装和使用这个技能？
通过命令 `npx skills add zeke/swiss-design-skill` 安装，然后对AI说“应用swiss-design技能”即可。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/swiss-design-skill/raw/index.md 读取 swiss-design-skill 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/swiss-design-skill/raw/index.md（查看排版版本）