SKILL

ui-design-system

面向高级 UI 设计师的设计系统工具包，包括设计变量生成、组件文档、响应式设计计算和开发交接工具。适用于创建设计系统、保持视觉一致性，以及促进设计与开发协作。

译文已校对

查看英文原文

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.

适用对象：设计与内容创作。自动收录 · 待核查。

原作者说明节选

从固定版本的 SKILL.md 提取，保留原文语言。以下内容属于作者说明，本站尚未验证安装、兼容或运行结果。

查看英文原文

原文涵盖的主题

UI Design System
Core Capabilities
Key Scripts
designtokengenerator.py

Professional toolkit for creating and maintaining scalable design systems. Design token generation (colors, typography, spacing) Component system architecture Responsive design calculations Accessibility compliance Developer handoff documentation Generates complete design system tokens from brand colors. Usage: python scripts/designtokengenerator.py [brandcolor] [style] [format] Styles: modern, classic, playful Formats: json, css, scss Features: Complete color palette generation Modular typography scale 8pt spacing grid system Shadow and animation tokens Responsive breakpoints Multiple export formats

来源仓库: davila7/claude-code-templates
源文件: cli-tool/components/skills/creative-design/ui-design-system/SKILL.md
固定版本: 21be197f100a12b8d0dd9a211cc244c8179f84d3

阅读完整原作者说明 ↗