Agent Skills Hub

template-nextjs-moderne

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

react-typescript

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

seo-schema

分析、验证并生成 Schema.org 结构化数据 (JSON-LD)。检测现有标记、识别优化机会，并确保符合 Google 丰富搜索结果规范。

react-email

使用 React 组件构建并发送响应式 HTML 电子邮件模板。提供可视化编辑器、渲染引擎，并与各大电子邮件客户端兼容。

react

LobeHub React 组件开发指南，包含 antd-style 样式、@lobehub/ui 布局与路由管理。

route-handlers

专为构建与管理 Next.js App Router API 路由设计的技能，支持处理 HTTP 方法、请求主体、流式传输与响应配置。

ui-design

一个专门用于生成单文件 HTML 用户界面的工具，内置 Tailwind CSS，非常适合快速原型制作、UI 探索和设计灵感参考。

create-mcp-app

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

design

协作式 UI 设计、线框图绘制与 Tailwind 优先的代码优化，打造独特且高质量的界面，避免生成式 AI 的通用设计模式。

music-genre-finder

基于 RateYourMusic 5947 个音乐风格数据库的智能音乐风格查询与推荐助手。

pellicule

Pellicule 是一个 Vue 原生的程序化视频生成库，让您能够直接从 Vue 组件渲染出确定性的视频、动画与动态图形。

interaction-design

设计并实现微交互、动态设计与转场效果。用于提升 UI 精致度、实现加载状态，并创造直观、令人愉悦的用户反馈体验。