带有标签“UI 组件”的 Skills

dashboard-design - 设计高效仪表盘：KPI 卡片、数据表格与实时更新
仪表盘设计 UI 组件数据可视化管理面板
★ 602 · 更新于 2026-06-30
使用 React 和 Tailwind CSS 设计仪表盘，涵盖 KPI 展示、可排序数据表格和实时更新模式。
⚙ 设计 KPI 卡片布局 ⚙ 创建仪表盘网格布局 ⚙ 构建可排序数据表格
modal-drawer-system - 无障碍模态框与抽屉组件生成器
模态框抽屉无障碍 React
★ 48 · 更新于 2026-06-30
生成带有焦点陷阱、ESC 关闭、滚动锁定、Portal 渲染和 ARIA 属性的无障碍模态框与抽屉组件。
⚙ 创建模态框组件 ⚙ 创建抽屉组件 ⚙ 创建确认对话框
ui-styling - shadcn/ui 和 Tailwind UI 样式
样式系统 UI 组件响应式暗色模式
★ 0 · 更新于 2026-06-30
使用 shadcn/ui、Tailwind CSS 和 canvas 创建可访问 UI
⚙ 构建 UI 组件 ⚙ 创建布局 ⚙ CSS 样式化
standards-components - UI 组件设计标准
UI 组件前端设计标准 React
★ 602 · 更新于 2026-06-15
设计可复用、可组合的 UI 组件，具有清晰的属性接口
⚙ 创建组件文件 ⚙ 修改现有组件 ⚙ 定义组件属性
templ-components - 构建可复用的 Templ UI 组件
templ UI 组件 Web 开发 Go 模板
★ 18 · 更新于 2026-06-15
创建类型安全的 templ UI 组件，支持属性、子元素和组合模式
⚙ 创建 UI 组件 ⚙ 定义组件属性 ⚙ 组合组件
material-symbols-v3 - Material Symbols v3 图标系统
图标 Material Design 可变字体 UI 组件
★ 18 · 更新于 2026-06-15
为 UI 元素提供 2,500+ 可变图标，支持自定义填充、粗细、等级和视觉尺寸
⚙ 导入图标字体 ⚙ 选择图标 ⚙ 设置图标尺寸
setup-design-system - 初始化可访问的设计系统和UI组件
设计系统 UI 组件 Tailwind CSS shadcn/ui
★ 8 · 更新于 2026-05-28
初始化设计系统或创建UI组件，支持可访问性、Tailwind/shadcn集成和文档。
⚙ 验证功能分支 ⚙ 评估当前状态 ⚙ 设置设计令牌
hoatrinh-design-system - 琥珀色终端设计系统
设计系统 UI 组件 CSS 视觉设计
★ 0 · 更新于 2026-05-09
管理 hoatrinh.dev 项目的 UI 组件、样式、动画和视觉令牌
⚙ 添加 UI 组件 ⚙ 修改 UI 组件 ⚙ 审查 UI 组件
adding-a-feature - 保持UI与Agent对等的功能添加指南
功能开发 UI组件动作应用状态
★ 137 · 更新于 2026-05-09
四区域检查清单，确保添加功能时保持Agent和UI对等
⚙ 构建UI组件 ⚙ 创建动作 ⚙ 更新技能文档
vapor-ui - Vapor UI 设计系统与 Figma 转换器
设计系统 UI 组件 Figma 代码生成
★ 57 · 更新于 2026-05-09
提供 Vapor UI 组件目录、图标查询、用法文档及 Figma 设计到代码的转换
⚙ 获取组件列表 ⚙ 获取组件信息 ⚙ 获取组件示例
bimverdi-design - 生成 BIM Verdi UI 组件
前端设计系统 UI 组件 WordPress 主题
★ 18 · 更新于 2026-05-09
为 BIM Verdi 生成遵循既定设计系统的前端代码
⚙ 生成 UI 组件 ⚙ 创建页面布局 ⚙ 构建表单模板
vapor-ui - Vapor UI 设计系统与代码转换器
设计系统 UI 组件 Figma 转代码原型生成
★ 36 · 更新于 2026-05-09
Vapor UI 组件目录、图标查询及 Figma 转代码工具
⚙ 检测版本 ⚙ 获取组件列表 ⚙ 获取组件信息
shadcn-components - React shadcn/ui 组件
React UI 组件 shadcn/ui 前端
★ 0 · 更新于 2026-03-24
在 React 应用中使用和自定义 shadcn/ui 组件
⚙ 添加组件 ⚙ 自定义组件 ⚙ 配置变体
Frontend Development - 使用 Angular、React、Vue、Next.js 进行专业前端开发
前端 Web 开发 Angular React
★ 57 · 更新于 2026-03-23
使用 Angular、React、Vue 3 和 Next.js 框架开发前端应用，遵循最佳实践
⚙ 创建 Angular 组件 ⚙ 创建 React 组件 ⚙ 创建 Vue 组件
loading-state-patterns - 设计系统加载状态模式
加载状态骨架加载动画设计系统
★ 11 · 更新于 2026-03-23
骨架加载器、闪光效果和加载状态的模式，匹配设计系统美学
⚙ 创建骨架加载器 ⚙ 应用闪光动画 ⚙ 构建渐进式加载
loading-state-patterns - 设计系统加载状态模式
前端开发设计系统 UI组件加载状态
★ 18 · 更新于 2026-03-23
创建骨架屏、微光动画和渐进式加载状态，匹配设计系统风格
⚙ 创建骨架屏组件 ⚙ 应用微光动画 ⚙ 构建卡片骨架
implement-feature - 在模拟应用中实现UI功能
模拟应用功能实现 UI组件测试
★ 1 · 更新于 2026-03-22
实现UI驱动的模拟功能的端到端工作流程，包括数据模型、可重用组件和自动化测试。
⚙ 明确功能需求 ⚙ 更新数据模型 ⚙ 生成示例数据
skeleton-ui - Skeleton UI 组件使用指南
UI组件前端开发 Svelte Tailwind CSS
★ 602 · 更新于 2026-03-21
使用Skeleton UI组件和样式元素替代自定义Svelte应用标记
⚙ 导入Skeleton组件 ⚙ 创建UI组件 ⚙ 应用预设样式类
button-styles - 一致性按钮样式系统
设计系统 UI组件按钮样式前端
★ 602 · 更新于 2026-03-20
为iqEngi项目定义标准按钮样式以保持视觉一致性
⚙ 创建主要按钮 ⚙ 创建轮廓按钮 ⚙ 创建幽灵按钮
react-shadcn - React UI 组件与 shadcn/ui
React UI 组件 shadcn/ui Tailwind CSS
★ 18 · 更新于 2026-03-20
使用 shadcn/ui、TanStack Form 和 Tailwind CSS 构建可访问的 React UI 组件
⚙ 安装组件 ⚙ 创建按钮 ⚙ 构建表单

Scroll to load more