用于在隔离沙箱中验证CLI安装流程、终端UI/UX及关键用户旅程。通过PTY驱动二进制文件，捕获渲染帧并对比修复前后的基线差异，确保变更可验证且不污染真实环境。
用于修改 Archestra 前端 Next.js/React 代码、UI 组件、表单及 API 客户端。规范数据获取（TanStack Query）、SDK 使用、类型复用及错误处理，确保开发一致性。
将交互意图转化为网页交互动画素材、时间轴及运行时。支持滚动、触摸等驱动，涵盖从意图锁定、生产计划到素材生成的完整流水线，确保动画与页面状态同步。
指导 Agent 使用 ask_followup_questions 工具构建交互式表单，收集用户结构化输入。规范字段映射、最多12个字段限制及对话语气，确保以友好方式引导用户完成创意或场景选择。
为前端UI开发提供上下文增强，基于shadcn/ui和Tailwind CSS文档。用于构建组件库、实现UI设计、主题定制及可访问性React组件开发，智能检测框架并推荐最佳实践。
将指定URL克隆为高保真、交互式的本地前端应用。通过webread捕获渲染后的DOM、样式及资源，忠实还原原站外观与行为，适用于明确的克隆/重建请求，非设计或改进任务。
审查前端UI代码是否符合Web界面指南，支持访问性、UX审计及最佳实践检查。
用于在 React、SSR 或 Worker 环境中渲染语法高亮代码文件、差异对比（diffs）、补丁及合并冲突的 UI 组件库。支持虚拟滚动审查界面、编辑功能及自定义主题。
提供 Cloudflare Kumo UI 的设计规范，涵盖文本大小、标题格式、字体间距及样式细节。用于指导前端界面的设计、实现与审查，确保视觉一致性。
指导在 React 中处理动态内容溢出场景，通过 OverflowGuard 组件选择降级或渲染属性模式，实现布局自适应。
基于Vercel工程团队的React和Next.js性能优化指南，涵盖消除数据瀑布、包体积优化及服务端渲染等57条规则。用于指导代码编写、审查与重构，确保应用性能最佳实践。
Auteur 用于从零设计并构建高水准的 Web 体验，包括营销页、电影感滚动站点及多屏统一设计系统。它通过书面艺术指导、资产生成及自动化质量门禁（反平庸检查）确保输出品质，适用于追求极致视觉效果和设计一致性的前端开发场景。
用于在对话中生成自包含的微型HTML互动演示、模拟或小游戏。适用于需要可视化解释机制或交互体验的场景，要求代码无外部依赖且支持键盘操作。
指导设计与构建高质量浏览器可见Web界面的技能，涵盖HTML/CSS/JS及主流框架。强调视觉系统一致性、响应式布局、无障碍访问及浏览器视觉QA，确保界面符合产品需求与用户体验标准。
