Agent Skills Hub

design-references

提供 UI 审阅的预定义设计系统参考，涵盖 Material Design 3、Apple HIG、Tailwind UI、Ant Design 及 Shadcn/ui 等。

webmcp

为任何网页应用程序建立并测试 AI 就绪的 MCP 工具。通过代码注入与自动化浏览器交互，将网站转化为智能代理程序。

formik-patterns

React 应用程序的 Formik 表单处理、Yup 验证架构与表单提交模式。

document

用于 Claude Code 的交互式终端画布，支持 Markdown 渲染、文本编辑及选取，适用于文档查看与邮件处理。

ask-user-question

使用 AskUserQuestion 工具在软件代理中实现交互式、分步骤的用户输入工作流程，用于引导决策与配置。

react

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

Fluxwing Screen Scaffolder

通过组合多个 uxscii 组件来构建完整的 UI 界面。适用于创建、搭建或构建 .uxm 界面，如登录、仪表板、个人资料、设置或结算页面。

mcp-rails

在 Rails 应用中实现完整的模型上下文协议 (MCP)。支持连接外部 MCP 服务器、将 Rails 应用暴露为 MCP 服务器、通过 Docker 管理子进程，以及 OAuth 2.1 PKCE 认证。

z-card-image

自动化文案转图片引擎，专为社交媒体贴文、文章封面与长图设计。支持 X 风格、微信公众号与海报模板，提供精准文字排版与高亮标注功能。

fullstack-workflow

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

vitest-runner

自动化 Vitest 管理技能：处理 TypeScript/JavaScript 项目的测试执行、覆盖率报告、失败诊断及配置管理。

browser-debugger

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