Menu
高级 UI 设计师的 UI 设计系统工具包，包括设计令牌生成、组件文档、响应式设计计算和开发者交付工具。用于创建设计系统、维护视觉一致性和促进设计与开发协作。
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/a747895159/spring-cloud-study-alibaba --skill ui-design-systemThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
自动化浏览器交互，用于网页测试、表单填写、截图和数据提取。当用户需要浏览网站、与网页交互、填写表单、截取屏幕截图、测试 Web 应用程序或从网页提取信息时使用。
为后端代码（Express 路由、MongoDB 模型、Node 服务）生成测试时使用 - 分析文件类型，从 package.json 检测测试框架，生成包含设置/拆卸和边缘情况覆盖的全面测试
创建生产级 ChatKit 聊天机器人的指南，该机器人将 OpenAI Agents SDK 与 MCP 工具和自定义后端集成。在为任何应用程序构建具有专门功能、实时任务执行和用户隔离的 AI 驱动聊天机器人时使用。
Showing SKILL.md
Based on SOC occupation classification
| name | ui-design-system |
| description | 高级 UI 设计师的 UI 设计系统工具包，包括设计令牌生成、组件文档、响应式设计计算和开发者交付工具。用于创建设计系统、维护视觉一致性和促进设计与开发协作。 |
用于创建和维护可扩展设计系统的专业工具包。
从品牌颜色生成完整的设计系统令牌。
用法：python scripts/design_token_generator.py [品牌颜色] [风格] [格式]
功能特性：