使用输入“design tokens”的 Skills

ckm:ui-styling - UI样式设计与shadcn/ui组件库
UI 样式组件 Tailwind CSS
★ 10 · 更新于 2026-06-30
使用shadcn/ui组件、Tailwind CSS实用样式和画布视觉设计创建可访问的用户界面
⚙ 创建UI组件 ⚙ 样式化界面 ⚙ 构建布局
ui-styling - shadcn/ui 和 Tailwind UI 样式
样式系统 UI 组件响应式暗色模式
★ 0 · 更新于 2026-06-30
使用 shadcn/ui、Tailwind CSS 和 canvas 创建可访问 UI
⚙ 构建 UI 组件 ⚙ 创建布局 ⚙ CSS 样式化
rails-design-system - Rails 设计系统指南
rails 设计系统前端 tailwind
★ 210 · 更新于 2026-06-15
构建 Rails UI 组件的设计系统指南
⚙ 应用设计规则 ⚙ 定义设计令牌 ⚙ 提取部分视图
frontend-ui-engineering - 构建生产级前端界面
前端 UI 界面设计响应式设计
★ 44 · 更新于 2026-06-15
构建、修改或审查面向用户的界面、响应式状态、无障碍访问、视觉保真度、功能测试、探索性测试和前端打磨。
⚙ 构建用户界面 ⚙ 修改UI代码 ⚙ 审查前端代码
nothing-design - Nothing风格UI/UX设计系统
UI设计单色设计工业设计排版设计
★ 132 · 更新于 2026-06-15
应用Nothing设计系统创建单色、字体驱动的界面
⚙ 读取文件 ⚙ 写入文件 ⚙ 编辑文件
component-creation - React 组件创建指南
React TypeScript 组件开发 CSS Modules
★ 602 · 更新于 2026-06-15
在 squared 包中创建 React 组件，包含 TypeScript 模式、CSS Modules 样式、Storybook 故事和测试。
⚙ 创建 React 组件 ⚙ 定义 TypeScript 类型 ⚙ 创建 CSS Module 样式
visualizing-data - 数据可视化组件库
数据可视化图表仪表板无障碍设计
★ 18 · 更新于 2026-06-15
选择并实现24+种数据可视化类型，提供无障碍和性能优化
⚙ 选择图表类型 ⚙ 创建条形图 ⚙ 创建折线图
ck:ui-styling - 基于 Shadcn/ui 组件与 Tailwind CSS 的 UI 样式
UI 样式 shadcn/ui Tailwind CSS 响应式设计
★ 602 · 更新于 2026-06-15
使用 shadcn/ui、Tailwind CSS 和基于画布的设计系统创建可访问的 UI 组件与布局。
⚙ 安装 shadcn/ui 组件 ⚙ 添加 Tailwind CSS 工具类 ⚙ 配置深色模式主题
portfolio-frontend-design - Portfolio 前端设计系统
设计系统前端开发 React Tailwind CSS
★ 18 · 更新于 2026-06-15
使用 React 和 Tailwind 创建 portfolio 界面的设计系统
⚙ 创建 UI 组件 ⚙ 复制模板 ⚙ 应用设计令牌
Frontend Design - 构建生产级前端界面
前端界面设计响应式设计 Web组件
★ 17 · 更新于 2026-05-28
设计和实现响应式、可访问的前端界面，支持设计系统和深色模式
⚙ 分析需求 ⚙ 定义设计令牌 ⚙ 构建组件
Frontend Design - 设计生产就绪的前端界面
前端网页设计响应式可访问性
★ 191 · 更新于 2026-05-28
使用设计系统和可访问性标准构建响应式前端界面
⚙ 实现语义HTML ⚙ 应用ARIA属性 ⚙ 定义响应式断点
tailwindcss - Tailwind CSS 框架
CSS 框架实用优先响应式设计
★ 11 · 更新于 2026-05-11
使用工具类和主题变量构建自定义用户界面的实用优先CSS框架
⚙ 安装框架 ⚙ 应用工具类 ⚙ 定制主题
policyengine-api-v2 - PolicyEngine API v2 微服务平台
微服务 API PolicyEngine Python
★ 0 · 更新于 2026-05-09
基于微服务架构和monorepo的PolicyEngine API
⚙ 运行微服务 ⚙ 管理政策 ⚙ 计算家庭数据
design-system-creator - 设计系统架构师与CSS专家
设计系统设计令牌组件 CSS架构
★ 602 · 更新于 2026-05-09
构建包含设计令牌、组件库和生产级CSS架构的综合设计系统
⚙ 创建设计令牌 ⚙ 构建CSS架构 ⚙ 文档化组件
design-system-components - 构建可复用的设计系统组件
设计系统组件 React TypeScript
★ 0 · 更新于 2026-03-25
使用 Surface 原语、CVA 变体和设计令牌构建可复用组件
⚙ 定义 CVA 变体 ⚙ 创建 Surface 原语 ⚙ 构建组件变体
ux-designer - 创建UX设计文档
UX设计线框图设计系统布局
★ 1 · 更新于 2026-03-24
创建UX设计文档、布局规范、交互流程和样式指南，不包含实现代码。
⚙ 收集设计需求 ⚙ 规划信息架构 ⚙ 设计响应式布局
code-architecture-tailwind-v4-best-practices - Tailwind CSS v4 组件模式指南
Tailwind CSS 组件架构样式配置
★ 281 · 更新于 2026-03-24
指导 Tailwind CSS v4 组件模式和抽象决策
⚙ 配置 Tailwind v4 主题 ⚙ 创建按钮变体 ⚙ 应用 CSS 优先配置
ai-ui-generation - AI UI生成（v0、Bolt、Cursor）
ai-ui v0 bolt cursor
★ 128 · 更新于 2026-03-23
使用AI工具生成和审查符合设计系统的UI组件
⚙ 编写提示词 ⚙ 生成组件 ⚙ 审查代码
visual-audit - 全面视觉设计审计工具
审计设计 UI UX
★ 4 · 更新于 2026-03-20
跨视口和模式截图，分析设计质量并识别UI问题
⚙ 发现路由 ⚙ 捕获截图 ⚙ 设置视口
audit - 全面接口质量审核
质量保证代码审查可访问性性能
★ 1 · 更新于 2026-03-20
执行跨可访问性、性能、主题和响应式设计的系统性质量检查
⚙ 运行诊断扫描 ⚙ 检查可访问性 ⚙ 检查性能

Scroll to load more