使用输入“Design tokens”的 Skills

canvas - 浏览器画布界面渲染
界面渲染浏览器画布 React 原生 JavaScript
★ 2 · 更新于 2026-10-08
使用文件在浏览器中渲染交互式 React 或原生界面，并支持热重载、验证、截图和状态操作。
⚙ 渲染 React 界面 ⚙ 渲染原生网页界面 ⚙ 使用预加载界面组件
tailwind-css-patterns - Tailwind CSS 实用优先样式模式
Tailwind CSS 实用优先 CSS 响应式设计 Flexbox
★ 1 · 更新于 2026-10-07
提供用于响应式布局、工具类组合、设计令牌、组件、深色模式和生产环境 CSS 优化的 Tailwind CSS 模式。
⚙ 应用移动优先工具类 ⚙ 构建响应式 Flex 布局 ⚙ 构建响应式 Grid 布局
tailwind-css-patterns - 使用 Tailwind CSS 模式构建响应式界面
Tailwind CSS CSS 响应式设计实用优先 CSS
★ 0 · 更新于 2026-10-07
提供 Tailwind CSS 实用优先模式，用于响应式布局、Flexbox、Grid、间距、排版、颜色、组件和设计系统。
⚙ 构建响应式布局 ⚙ 组合实用类 ⚙ 创建可复用组件
claude-design - 设计并验证一次性 HTML 产物
设计 HTML 原型用户体验
★ 0 · 更新于 2026-10-06
在 CLI/API 环境中设计并验证落地页、原型、演示文稿和动效研究等一次性 HTML 产物。
⚙ 梳理设计需求 ⚙ 收集设计上下文 ⚙ 定义产物设计系统
claude-design - 设计一次性 HTML 作品
设计 HTML 原型用户体验
★ 0 · 更新于 2026-10-06
在 CLI/API 环境中设计一次性 HTML 作品，例如落地页、演示文稿和原型。
⚙ 梳理设计需求 ⚙ 收集设计上下文 ⚙ 定义作品设计系统
claude-design - 一次性 HTML 设计产物
设计 HTML 原型用户体验
★ 0 · 更新于 2026-10-06
设计一次性 HTML 产物，例如落地页、演示文稿、原型、组件探索和动效研究。
⚙ 梳理设计需求 ⚙ 收集设计上下文 ⚙ 定义产物设计系统
storybook - 使用 Storybook 编写组件文档
Storybook 组件文档 CSF 3.0 MDX
★ 48 · 更新于 2026-10-01
使用 CSF 3.0、控件、交互示例、视觉测试配置和 MDX 文档创建 Storybook 组件目录。
⚙ 创建 Storybook 配置 ⚙ 编写 CSF 3.0 故事 ⚙ 添加交互控件
designing-component-systems - 组件系统设计
UI组件设计系统组件API 主题化
★ 1 · 更新于 2026-09-20
构建可复用、可访问、解耦框架且支持主题化的 UI 组件与规范 API。
⚙ 构建可复用 UI 组件 ⚙ 设计可组合的组件 API ⚙ 定义 UI 状态所有权
moai-connector-figma - 企业级 Figma 与设计系统开发
架构 figma 企业级模式
★ 666 · 更新于 2026-09-17
使用 Figma 2025 开发企业级设计系统与 UI 组件库，涵盖设计令牌、组件文档与开发者交付。
⚙ 构建设计系统架构 ⚙ 管理组件库与变体 ⚙ 自动化同步设计令牌
normalize - 规范化特性设计以符合设计系统标准。
设计系统前端代码重构界面设计
★ 0 · 更新于 2026-09-14
分析并重新设计特性，使其符合设计系统标准并确保视觉与功能的一致性。
⚙ 检索设计系统指南 ⚙ 分析特性设计不一致 ⚙ 制定特性规范化计划
astro-components - 面向 Astro 线索收集网站的 UI 组件库
astro ui-components tailwind 前端组件
★ 4 · 更新于 2026-09-13
基于 Tailwind 与设计令牌，提供包括按钮、输入框、卡片、徽章、警告框和图标在内的可复用 Astro UI 组件。
⚙ 提供可复用的 UI 组件 ⚙ 渲染基于设计令牌的按钮 ⚙ 渲染无障碍表单输入框
shadcn-ui-expert - shadcn-ui React 组件专家
React UI 组件 shadcn-ui Tailwind CSS
★ 666 · 更新于 2026-06-30
使用 shadcn-ui、Tailwind CSS 和 Radix UI 构建可访问的 React 组件
⚙ 安装 shadcn-ui 组件 ⚙ 创建表单组件 ⚙ 选择 UI 组件
ui-patterns - Plaited UI 模式训练数据
CSS-in-JS 表单模板测试
★ 62 · 更新于 2026-06-15
Plaited 智能体 UI 架构和样式系统模式
⚙ 创建样式 ⚙ 创建设计令牌 ⚙ 创建动画
tamagui - 通用 React UI 框架，支持跨平台应用
React UI 框架跨平台样式组件
★ 14,215 · 更新于 2026-06-15
使用样式组件、设计令牌、主题和动画构建跨平台 React 应用
⚙ 创建样式组件 ⚙ 使用设计令牌 ⚙ 配置主题
Frontend Design - 设计生产就绪的前端界面
前端设计系统响应式可访问性
★ 34 · 更新于 2026-05-28
使用设计系统和暗色模式支持，设计和构建响应式可访问的前端界面。
⚙ 分析需求 ⚙ 定义设计token ⚙ 构建组件变体
frontend-design - 为Bookkeep构建电影级暗色主题前端界面
前端 UI设计 React Tailwind
★ 82 · 更新于 2026-02-17
使用电影级暗色主题和宝石色调创建生产级前端界面
⚙ 构建毛玻璃效果组件 ⚙ 实现电影级暗色主题 ⚙ 创建交互式卡片布局