Agent Skills Hub

nuxt

Nuxt 框架决策辅助层，用于优化项目开发，引导至正确的 Nuxt 套件、Vue 指南或模块特定逻辑。

context7

通过 Context7 API 获取 React、FastAPI、Next.js 等框架的实时技术文档、代码示例与开发指导。

webperf

一套用于测量、审计和调试网页性能指标（包含核心网页指标、加载速度与交互延迟）的综合工具组，可直接在 Chrome 开发者工具中使用。

vscode-playwright

使用 Playwright 和 serve-web 自动截取高质量 VS Code 屏幕截图，适用于文档、演示文稿及技术视觉内容。

api-integration

使用 Apidog 与 MCP 服务器自动化前端 API 整合。从 OpenAPI 规格生成 TypeScript 类型、TanStack Query 钩子与基于 axios 的客户端，确保 API 使用的一致性与类型安全。

web-artifacts-builder

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

pixel-art

为您的文档、README 和演示文稿生成定制化像素艺术 SVG 插图。适用于角色精灵图、对话可视化及品牌标志设计。

roadmap-web-visualization

用于路线图管理的视觉化网页工作区，提供互动式看板与基于图表的依赖关系视图，辅助任务规划与项目进度追踪。

i18n-expert

自动化 React/TS 代码库的 i18n 设置、字符串提取与本地化对齐审核。提供框架感知配置、自动化审核脚本与安全的字符串替换，确保无缝的本地化流程。

canvas

Claude Code 的交互式终端 UI 工具包。可在 tmux 窗格中生成并控制日历、文档及航班预订界面。

generate-image

使用 AI 模型（如 FLUX 和 Gemini）生成或编辑图像。适用于照片、插图、概念艺术和视觉素材，不包含技术图表或原理图。

Email Composer

撰写涵盖商务、技术与客户服务的专业电子邮件。提供请求、追踪、更新等模板，并可根据需求调整语气。