ui-design-system

此专业级 UI 设计系统技能为资深 UI 设计师与前端工程师提供了一套全面的工具包，用于创建、维护和扩展复杂的设计系统。它专为 Claude Code Orchestrator Kit 环境而设计，简化了将品牌识别转换为功能性代码代币的过程。对于追求像素完美实现、合规性及增进设计与开发团队之间协作的团队来说，这是一项至关重要的资产。

• 从品牌颜色自动生成设计代币，支持现代、经典和俏皮等多种风格。

• 支持多种输出格式，包括 JSON、CSS 和 SCSS 变量，确保无缝集成。

• 提供组件系统架构支持，确保模块化与可重用性。

• 先进的响应式设计计算，包含基于 8pt 间距的网格系统与流动排版比例。

• 内置阴影与动画代币管理，实现一致的动态设计。

• 生成全面的开发人员交接文档，弥合设计规格与代码实现之间的差距。

• 代币生成的主要入口为 design_token_generator.py 脚本，该脚本接收品牌颜色与风格参数作为输入。

• 请确保所有颜色输入均以标准十六进制或 RGB 格式提供，以保证调色板导出的准确性。

• 使用生成的 JSON 输出作为下游工具的单一数据源，确保品牌颜色更改能自动同步到所有前端样式表。

• 在实现响应式断点时，该工具依赖标准媒体查询模式；建议针对特定项目限制对生成的断点进行验证。

• 系统专注于原子设计原则；请严格遵循输出文档中定义的间距与排版比例，以保持视觉一致性。