Agent Skills Hub

pencil-ui-design

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

design-md

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

webperf

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

api-integration

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

shipany

Shipany AI SaaS 样板官方文档辅助技能。提供 Next.js 15、Drizzle ORM、NextAuth 及支付集成等方面的专家指导。

chrome-devtools-mcp-manager

管理 OpenClaw 内置 Chrome 浏览器及 chrome-devtools-mcp 集成，通过 MCP 协议进行稳定的浏览器自动化操作。

claude-code-web-cli

使用 Clerk 的无头 UI 原件（Headless UI Primitives）为 Next.js 应用程序构建完全自定义的身份验证界面。

template-nextjs-moderne

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

cloudflare-browser

通过 Cloudflare 浏览器渲染服务进行无头 Chrome 自动化控制。支持截图、网页导航、数据抓取及视频录制，专为 Cloudflare Workers 环境打造。

devboxes

部署隔离的开发容器，包含网页版 VSCode、VNC 以及通过 Traefik 或 Cloudflare Tunnels 自动设置的应用程序路由。

mobile-app-ux

移动应用 UX/UI 设计指南，涵盖触控友好界面、导航模式、手势操作及小屏幕界面优化。

tanstack-router

TanStack Router 配置、基于文件的路由以及 React 应用的类型安全导航。