用户界面设计系统工具包Skill ui-design-system

这是一个专为高级UI设计师和前端开发团队打造的专业工具包,用于高效创建、管理和维护企业级UI设计系统。核心功能包括自动化设计令牌生成(色彩、字体、间距)、组件库架构设计、响应式布局计算、无障碍合规性检查以及开发交接文档生成。该工具能显著提升设计一致性,加速设计与开发协作流程,适用于构建品牌视觉规范、设计系统文档和前端组件库。关键词:UI设计系统,设计令牌,组件库,响应式设计,设计开发协作,前端开发,视觉一致性,设计工具包。

前端开发 0 次安装 0 次浏览 更新于 3/1/2026

名称: 用户界面设计系统 描述: 为高级UI设计师提供的UI设计系统工具包,包含设计令牌生成、组件文档、响应式设计计算和开发人员交接工具。用于创建设计系统、保持视觉一致性并促进设计与开发协作。

UI 设计系统

用于创建和维护可扩展设计系统的专业工具包。

核心能力

  • 设计令牌生成(颜色、排版、间距)
  • 组件系统架构
  • 响应式设计计算
  • 无障碍合规性
  • 开发人员交接文档

关键脚本

design_token_generator.py

从品牌颜色生成完整的设计系统令牌。

用法: python scripts/design_token_generator.py [品牌颜色] [风格] [格式]

  • 风格: 现代、经典、活泼
  • 格式: json、css、scss

功能:

  • 完整的调色板生成
  • 模块化排版比例
  • 8点间距网格系统
  • 阴影和动画令牌
  • 响应式断点
  • 多种导出格式