跳到主要内容
SkillHub 技能集市
首页 / 设计创作 / design-system-patterns

设计系统模式

design-system-patterns
4万Stars
1.5万安装量
v1.0版本
近期更新

技能简介

提供设计系统模式知识,协助Agent构建一致的UI组件并搭建可复用的组件库体系

它能做什么

  • 识别并推荐UI设计模式
  • 构建可复用组件库结构
  • 统一视觉与交互设计标准

安装方式

上手路径帮你打造风格统一的界面组件和组件库

  1. 01
    安装技能在终端跑 npx skills add wshobson/agents
  2. 02
    重启生效重启 Claude Code 等 AI 工具,开新会话加载技能
  3. 03
    开口提问直接说:按设计系统帮我做统一风格的按钮和弹窗

提示:提问时说明品牌配色和风格,组件一致性更好

$npx skills add wshobson/agents

支持平台:WorkBuddy / Claude Code / Codex CLI / Kimi CLI / Cursor / Trae / Goose / OpenClaw / OpenCode

出现在以下合集

简介由 AI 辅助翻译并经人工校验,如发现错误欢迎通过源仓库反馈。