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

Tailwind 设计系统

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

技能简介

帮助Agent基于Tailwind CSS构建可复用、一致的设计系统与样式规范。

它能做什么

  • 生成设计令牌与组件
  • 统一样式规范与类名
  • 构建可复用UI组件库

安装方式

上手路径让AI帮你搭一套统一样式的网页设计系统

  1. 01
    装技能在终端运行 npx skills add wshobson/agents 完成安装
  2. 02
    提需求对话中告诉Agent你想要的配色、字体、按钮等风格
  3. 03
    拿规范Agent输出设计规范和Tailwind代码,复制到项目即用

提示:先给出品牌色和字体,生成的设计系统会更贴合需求

$npx skills add wshobson/agents

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

出现在以下合集

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