메뉴
高级 UI 设计师的 UI 设计系统工具包，包括设计令牌生成、组件文档、响应式设计计算和开发者交付工具。用于创建设计系统、维护视觉一致性和促进设计与开发协作。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | ui-design-system |
| description | 高级 UI 设计师的 UI 设计系统工具包，包括设计令牌生成、组件文档、响应式设计计算和开发者交付工具。用于创建设计系统、维护视觉一致性和促进设计与开发协作。 |
用于创建和维护可扩展设计系统的专业工具包。
从品牌颜色生成完整的设计系统令牌。
用法：python scripts/design_token_generator.py [品牌颜色] [风格] [格式]
功能特性：
自动化浏览器交互，用于网页测试、表单填写、截图和数据提取。当用户需要浏览网站、与网页交互、填写表单、截取屏幕截图、测试 Web 应用程序或从网页提取信息时使用。
为后端代码（Express 路由、MongoDB 模型、Node 服务）生成测试时使用 - 分析文件类型，从 package.json 检测测试框架，生成包含设置/拆卸和边缘情况覆盖的全面测试
创建生产级 ChatKit 聊天机器人的指南，该机器人将 OpenAI Agents SDK 与 MCP 工具和自定义后端集成。在为任何应用程序构建具有专门功能、实时任务执行和用户隔离的 AI 驱动聊天机器人时使用。
当你发现当前可用的技能都不够合适（或用户明确要求你寻找技能）时使用。本技能会基于任务目标和约束，给出一份精简的候选技能清单，帮助你选出最适配当前任务的技能。
Translates English documents to Chinese with accurate semantics and grammar. Invoke when user asks to translate any English documentation or content to Chinese.
使用 OpenAI 和 Google API 进行 AI 图像生成。支持文生图、参考图片、宽高比和并行生成（推荐 4 个并发子代理）。当用户要求生成、创建或绘制图像时使用。
