Agent Skills Hub

Parallel Routes Generator

实现 Next.js Parallel Routes 模态窗口以消除页面布局偏移 (layout shifts)。适用于对话框、模态窗口及拦截路由 (intercepted routes)。

vibe-build

vibe-coding 工作流程的最终执行代理。根据 AGENTS.md 主计划逐步构建 MVP，管理会话连续性，并通过测试验证每个功能。

persona

一个 AI 驱动的框架，用于从零开始打造独特且真实的个人作品集网站。引导 AI 代理完成研究、设计与实施，构建具备个人特色的专业网站。

create-prd

通过交互式规划流程，协助您生成包含用户故事、验收标准与技术规格的详细产品需求文档 (PRD)。

designer

React 与 Next.js 专家级 UI/UX 设计助手。提供视觉审核、设计系统架构，以及 Tailwind CSS 与 shadcn/ui 的实现指导，助力打造专业级 Web 应用程序。

screenshots

使用 Playwright 自动为 Web 应用程序生成高质量、HiDPI 的营销截图。

webf-quickstart

开始使用 WebF 开发：设置 WebF Go，初始化基于 Vite 的 Web 项目（React/Vue/Svelte），并在符合 W3C 标准的本机运行时中预览应用程序。

favicon-gen

从标志、文字或品牌颜色生成完整的网站图标 (favicon) 文件与网站清单，确保在所有浏览器及 iOS/Android 设备上均能完美显示。

data-storytelling

将原始数据转化为引人入胜的叙事，运用可视化策略、叙事框架与说服性结构，协助分析师进行高管汇报与数据决策。

chrome-devtools-mcp

Chrome DevTools MCP 服务器，通过 Puppeteer 实现 AI 驱动的浏览器自动化、测试与调试。支持输入自动化、视觉截图、性能追踪与网络检测。

frontend-design-review

评估、审核并构建具有高质量设计、符合无障碍标准及设计系统规范的生产级前端界面。

mobile-app-ux

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