Agent Skills Hub

ui

生成 UI 组件、Hero 区块与反馈表单。集成无障碍检查清单与专业设计参考，确保开发质量。

Building Frontend Dashboards

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

table-filters

为数据表格设计并实现专业、交互式的筛选用户界面，并能根据列数据类型自动调整。

design-md

分析 Stitch 项目并将语义化设计系统合成为 DESIGN.md 文件，作为 AI 驱动 UI 生成的真实数据来源。

interface-design

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

format

使用 Prettier 和 Stylelint 验证代码格式与样式规则，且不进行修改。确保代码库一致性，检测 JS/TS/CSS/SCSS 文件中的格式错误。

livewire-development

开发反应式 Livewire 4 组件，处理 wire 指令、状态管理、实时更新、组件测试，并整合 Flux UI 以构建高性能 Laravel 应用程序。

fp-pipe-ref

fp-ts 的 pipe 与 flow 快速参考。用于串接函数、组合操作，或在函数式 TypeScript 代码中建立干净且易读的数据管道。

template-nextjs-moderne

为 Claude Code 提供的全方位 Next.js 15 开发与项目管理技能，包含 Supabase 集成、RBAC 权限管理及自动化质量验证。

make-slide

生成专业的单文件 HTML 演示文稿，内置演讲者备注。支持多种主题、布局及 PPTX 导出，适用于演讲、幻灯片及提案。

figma-design-to-code

使用 TemPad Dev MCP 将 Figma 设计转换为符合项目规范的 UI 代码，精确处理标记、样式与设计标记整合。

vibe-orchestrator

Lovable 风格 AI 开发工作流程控制器。通过调度专门的子代理，即时生成优质、多页面且具备动画效果的应用程序。无需冗长提示，直接启动开发。