前端

通过结构化缺陷报告、截图和视频，自动化执行任意 Web 应用的探索式 QA。dogfood 会驱动 agent-browser 客户端探索目标站点，发现视觉、功能、UX、性能、console 和可访问性问题，并输出带有清晰复现步骤的、可直接分享的 QA 报告。

在 Vercel Sandbox microVM 中运行带有 headless Chrome 的 agent-browser，让部署在 Vercel 上的应用可以安全、可扩展地执行真实浏览器自动化、截图和页面交互。

安装并使用 vercel-react-best-practices，将 Vercel Engineering 的最佳实践用于 React 和 Next.js 开发，实现更快的代码、更合理的 bundle 决策，并减少性能回退。

面向 Remotion 的实用最佳实践，用 React 构建程序化视频、动画，以及音频驱动的合成场景。

使用 p5.js、种子随机性、可复用模板和交互式查看器，创作原创算法艺术作品，并高效探索参数变化带来的视觉结果。

使用 frontend-design 技能打造更精致的前端界面，获得更明确的视觉方向、更实用的代码产出，以及优于通用型 UI 生成的效果。

安装并使用 vercel-composition-patterns，落地可扩展的 React 组合模式，包括复合组件、状态提升、显式变体，以及对 React 19 友好的 API 设计。

使用 React、TypeScript、Tailwind CSS 和 shadcn/ui 构建更复杂的 Claude HTML artifact，并将全部内容打包为一个可移植的 HTML 文件。

一个基于 Playwright 的 skill，用于测试本地 Web 应用、检查渲染后的 UI 状态、截取截图以及收集浏览器控制台日志。