← 返回 Skills 合集
tailwind-design-system
安装量 5.2万分类：编程与开发
「tailwind-design-system」的原始 GitHub SKILL.md 将它定位为：**Static** — deterministic structural analysis (<2s, free).。它的核心价值是把前端性能、渲染路径、数据获取和包体控制变成可执行检查清单；约束界面层级、组件状态、可访问性和视觉验收细节。文档重点章节包括「Quick start」「Claude Code」「Codex CLI · Cursor · OpenCode · Gemini CLI · Copilot」。
前端与 Reactwshobson/agents
一句话价值
用于用 Tailwind 实现设计系统，覆盖 design token、组件变体与组件模式，方便统一页面视觉规范和复用结构。
适合场景
- 做界面实现、组件重构、视觉验收或设计系统一致性检查
- 处理 Web 应用路由、部署、缓存、服务端渲染和生产问题
- 设计数据模型、编写查询、做迁移和排查数据库性能问题
亮点
- 适合把 token、变体和组件结构整理成统一规范。
- 有助于在多页面保持一致的间距、颜色与交互表达。
- 原文片段偏静态分析说明，实际功能边界需结合完整文档。
安装方法
在终端执行下面的命令即可安装该 Skill：
npx skills add https://github.com/wshobson/agents --skill tailwind-design-system