用途：统一的前端技能，把视觉设计、组件创建、E2E 测试、无障碍审计和视觉评审整合在一起，适用于构建或测试前端/UI 工作。
主要能力与用法：通过 /frontend 子命令调用。/frontend 显示各维度并建议下一步；/frontend design 提供 6 个设计维度与 11 阶段工作流；/frontend component <name> 创建带变体、测试和预览的 UI 组件；/frontend e2e 用页面对象模型编写 Playwright E2E 测试；/frontend a11y 执行 WCAG 2.1 AA 无障碍审计；/frontend review 用 Gemini 做视觉评审（截图+代码）；/frontend verify 提供快速验证决策树。
设计部分：先检测品牌或产品模式，并读取项目根目录的 .design/system.md 作为硬约束；设计维度包括排版、色彩与主题、动效、空间构图、背景与细节、UI 打磨，可选 React+Vite、HTMX、Vue、Svelte、Tailwind、shadcn/ui、Radix UI、Material Design 等技术实现。组件要求语义化 HTML、ARIA、键盘导航、焦点指示和 4.5:1 对比度。
限制：/frontend review 需要 Gemini API（视觉模型），不适用于 Claude；Canvas 模式需连接 pencil MCP，未连接时回退到文件工作流。其余细节暂未提供。