Agent Skills Hub

vercel-composition-patterns

用于构建可扩展 React 代码库的组合模式。适用于重构复杂组件、构建灵活的组件库，以及应用复合组件模式或 React 19 架构变更。

pix

一个自动化的 UI 实现代理，利用 Figma MCP 和浏览器渲染验证，将 Figma 设计转换为像素级精确的代码。

react-typescript

包含 React 19 与 TypeScript 的生产级开发模式，涵盖 Hooks、状态管理、TanStack Query、Zod 表单验证及性能优化工作流程。

wednesday-design

UI/UX 设计助手，为 React/Next.js 项目强制执行组件库使用规范、可访问性与设计标记。确保使用 shadcn/ui、Aceternity 等核准库来保持视觉一致性。

pencil-ui-design

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

aesthetic

运用系统化设计原则、AI 评估与自动化灵感分析，打造美观的用户界面。

frontend

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

interface-design

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

design-excellence

一套设计系统与反模式指南，让 AI 生成的界面更具人工质感。通过管理色彩、排版、间距与动画，为 Toh Framework 提供专业的视觉品质。

solid-start-server-runtime

SolidStart 服务器运行时专业指南，涵盖请求事件、中间件、服务器函数与 API 架构设计。

user-story

使用 Mike Cohn 格式与 Gherkin 验收标准建立结构化用户故事，将需求转化为可测试且可供开发的任务。

make-slide

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