设计系统与主题规范

原名：design-system-patterns

整理颜色、间距、组件和主题规则，减少页面之间的样式差异。

中文 Skills 技能说明

OPC 的网站越做越多、按钮和表单开始不一致时，可让前端开发工程师整理设计系统。提供现有页面、组件代码、品牌规范及依赖版本，技能提取设计令牌、主题和组件约定，交付规范草稿、基础组件建议与迁移清单。先复用项目已有系统，不擅自更换品牌或全部重写。代码修改和截图验收需授权的桌面执行器；生产发布必须确认范围并保留回退版本。示例框架是参考，不代表平台自动开通设计工具或提供素材版权。

上游能力依据

上游原始适用说明：Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing theme switching, building component libraries, or establishing design system foundations.

上游 SKILL.md 主要章节（保留原文标题）：

• When to Use This Skill
• Core Capabilities
• 1. Design Tokens
• 2. Theming Infrastructure
• 3. Component Architecture
• 4. Token Pipeline
• Quick Start
• Detailed patterns and worked examples
• Best Practices
• Common Issues

使用边界

先核对上游说明、依赖、输入资料和所需权限。涉及写入、删除、发布、支付或外部发送时，必须在执行前人工确认。

作者、翻译与许可证

原作者

Seth Hobson（wshobson）与 agents contributors

中文翻译

CEOFans翻译

许可证

MIT

上游来源

https://github.com/wshobson/agents/tree/46891e7e60da0e52baf1050b7b6391b64e84c6d9/plugins/ui-design/skills/design-system-patterns

适用范围

平台：linux、macos、windows；标签：设计与前端、设计系统与主题规范、开源技能

安全提示

基础静态扫描不等于绝对安全。技能可能调用命令、浏览器、云服务或本地文件，请在最小权限环境中使用，高风险操作必须人工确认。

如发现侵权、许可证或安全问题，可在本页前台提交投诉，管理员复核后可立即下架。