代理式交互

📌 Skill基础信息

Skill名称：agentic Design System Skill (Universal)

简称：agentic

来源：社区第三方 (bergside)

运行宿主：通用 Agent 工具（适用于支持 MCP 协议的各类 AI Agent 环境）

核心定位：为 Agentic 设计系统提供专家级指南生成能力，帮助工程师和设计师创建符合现代设计规范的实现就绪指导方案。

🧩 内部核心组成

该 Skill 是一个设计系统规范生成工具，不包含子 Agent、斜杠命令或 MCP 工具。其核心能力通过预设的设计系统约束和生成规则实现：

设计系统框架包含：

• 品牌风格定义（现代、粗体视觉风格）
• 排版系统（14/16/18/24/32/40 比例尺度）
• 色彩体系（主色 #FF5701，表面色 #FFFFFF，文本色 #111827 等）
• 间距系统（8pt 基线网格）
• 无障碍访问规范（WCAG 2.2 AA 标准）

规则约束体系：

• 必须使用语义化 token 而非原始值
• 保持视觉层次结构
• 明确交互状态
• 设计空状态/加载状态/错误状态
• 默认确保响应式行为

🛠 安装与启用方式

安装命令：

skills install --user bergside/awesome-design-skills

前置依赖：

【无公开信息】

API/工具要求：

【无公开信息】

启动方式：

在支持的 Agent 环境中调用设计系统生成功能即可激活该 Skill。

📋 标准工作流

1. 用户输入指令：用户提出设计系统或组件规范需求
2. 意图识别：Skill 识别设计系统相关的查询意图
3. 规范生成：按照预设的结构化流程生成设计指南：

- 首先用一句话重述设计意图

- 定义 token 和基础约束

- 指定组件解剖结构、状态、变体和交互行为

- 包含无障碍验收标准和内容写作期望

1. 输出交付：生成包含上下文目标、设计 token、组件级规则、无障碍要求、内容标准、反模式和 QA 检查表的完整指南

⚠️ 关键限制、缺陷、注意事项

平台限制：

【无公开信息】

Token 消耗：

由于需要生成详细的设计规范文档，预计会有较高的 token 消耗

适用项目类型：

• 需要建立或维护设计系统的项目
• 追求一致性和无障碍访问的现代 UI 开发
• 团队协作需要明确设计规范的项目

不适用场景：

• 简单的一次性原型开发
• 不需要严格设计规范的个人项目
• 资源有限无法实施完整设计系统的小型项目

生产环境适用性：

可用于生产环境，但需要团队有能力实施生成的设计规范

✅ 适用场景 & ❌ 不适合场景

✅ 适用场景：

• 设计系统团队需要快速生成规范文档
• 工程师需要明确的设计实现指南
• 需要确保无障碍访问合规性的项目
• 维护大型产品系列的设计一致性

❌ 不适合场景：

• 只需要简单样式建议的快速原型
• 不关注设计系统和无障碍性的项目
• 资源不足以实施完整设计规范的小团队
• 追求独特视觉风格而非系统一致性的创意项目

skills install --user bergside/awesome-design-skills