design-guide
Paperclip UI 设计系统指南，用于构建一致、可复用的前端组件。适用于创建新的 UI 组件、修改现有组件、向前端添加页面或功能、为 UI 元素设置样式，或需要理解设计语言与约定时。涵盖：组件创建、设计令牌、排版、状态/优先级系统、组合模式以及 /design-guide 展示页面。始终将此技能与 frontend-design 技能（用于视觉质量）和 web-design-guidelines 技能（用于 Web 最佳实践）配合使用。
机器翻译查看英文原文
Paperclip UI design system guide for building consistent, reusable frontend components. Use when creating new UI components, modifying existing ones, adding pages or features to the frontend, styling UI elements, or when you need to understand the design language and conventions. Covers: component creation, design tokens, typography, status/priority systems, composition patterns, and the /design-guide showcase page. Always use this skill alongside the frontend-design skill (for visual quality) and the web-design-guidelines skill (for web best practices).
适用对象：设计与内容创作。自动收录 · 待核查。
在 Claude Code 中使用
该组合的专门教程待补充，尚未核实适配。
准备条件
- 本条仅收录原作者的技能元数据；请阅读完整说明，确认依赖、许可与使用条件。
选择已有说明的 AI 工具，或在页面加载后保存待办及提出教程请求。
查看原作者说明 ↗