Agent Skills Hub

shadcn-ui

实现 shadcn/ui 组件：包含安装、Vite/TanStack Router 配置、CLI 命令管理及 Tailwind CSS 集成。

music-theory-visual-design

Harmonic Orbit 音乐理论应用程序的视觉设计与 UI 样式指南，涵盖字体、配色系统、间距、动画及无障碍设计标准。

ui-styling

使用 shadcn/ui 和 Tailwind CSS 构建可访问且一致的用户界面。采用组件优先架构以建立设计系统、集成 React Hook Form，并实践响应式移动优先开发。

designer

React 与 Next.js 专家级 UI/UX 设计助手。提供视觉审核、设计系统架构，以及 Tailwind CSS 与 shadcn/ui 的实现指导，助力打造专业级 Web 应用程序。

shadcn-vite-iconify-landing-page

使用 React、Vite、TypeScript、Tailwind 和 shadcn/ui 构建、审核并迭代高转化率着陆页。专注于转换率优化 (CRO)、首屏结构以及使用 Iconify 图标的高质量界面设计。

web-artifacts-builder

一套用于开发与打包复杂、多组件 React/TypeScript 网页实体的工具包，整合了 Vite、Tailwind CSS 与 shadcn/ui。

Building Frontend Dashboards

使用 TypeScript、shadcn/ui、TanStack Query 和 Supabase 构建响应式 React 仪表板。适用于制作 KPI 卡片、数据表格、Recharts 图表及 event-studio 管理后台。

elegant-design

使用 React、Next.js 和 shadcn/ui 等现代设计系统，构建专业、易用且具响应式的界面。专注于开发者工具、聊天界面及实时流式组件。

interface-design

为实用型应用程序提供界面设计指引，专注于仪表板、管理面板与数据密集型界面，采用以组件库为先的开发模式。

frontend

Preact 与 Tailwind 的前端编码规范。适用于集群应用程序的网页 UI 组件开发。

pencil-ui-design

使用 Pencil MCP 进行工业级 UI 设计的完整工作流与组件库，包含颜色、字体、间距与阴影的标准化设计规范。

airiot-frontend

官方 AIRIOT 开发套件，用于构建基于 React、TypeScript 与 shadcn/ui 的应用程序，并集成实时平台功能。