Agent Skills Hub

create-mcp-app

为 Claude Desktop 等 MCP 主机建立互动式应用程式。提供 React、原生 JS 及多种框架模板，协助您开发整合 MCP 工具与自定义 UI 的应用程式。

tooling-setup

为 React 19 项目提供的生产级开发环境配置，包含 Vite、TypeScript、Biome 及 Vitest，提供严格的类型检查、代码规范、格式化与测试基础设施。

react-typescript

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

fullstack-workflow

Next.js 全栈开发标准流程，整合 GET API 路由、服务器动作 (Server Actions)、SWR 数据获取，以及使用 Zod 验证的 React Hook Form 表单处理。

ui-styling

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

skill-developer

根据 Anthropic 最佳实践创建与管理 Claude Code 技能，包含触发条件、Hook 机制与渐进式披露。

performance-security

优化 React 性能、实施安全性加固，并通过自动化模式与检查清单确保符合 WCAG 无障碍规范。

elegant-design

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

d3js-data-visualization

使用 d3.js 创建交互式自定义数据可视化，包括图表、图形和网络图。适用于需要对视觉元素、转场动画和交互行为进行精细控制的场景。

browser-debugger

使用 Chrome DevTools MCP 和 AI 视觉模型进行 UI 测试、设计一致性验证及浏览器调试。

svelte-code-writer

用于 Svelte 5 文档查询与代码分析的 CLI 工具。通过实时文档检索与自动修复功能，优化 Svelte 组件的开发、调试与检查流程。

backend-development

构建、优化与维护现代化后端系统，涵盖 Node.js、Python、Go 与 Rust。支持 API 设计、数据库管理、安全性防护及 DevOps 实务流程。