用于在隔离沙箱中验证CLI安装、UX及关键用户流程,通过PTY驱动真实二进制文件并生成可复现的基线对比,确保变更可验证且不污染本地环境。
用于修改 Archestra 前端 Next.js/React 代码,规范 UI 组件、TanStack Query 数据获取及 API 客户端使用。
用于验证OpenChatCut项目中Agent编辑结果的工具,通过静态检查、编辑器运行或桌面应用测试确保证据充分。
为前端UI开发提供上下文增强,基于shadcn/ui和Tailwind CSS文档,辅助构建组件库、实现设计系统、主题定制及无障碍React组件。
将指定URL克隆为高保真、可交互的前端本地应用。通过webread捕获JS渲染的DOM、样式及资产,忠实还原原站结构与行为,适用于复制现有页面而非重新设计。
审查 Web UI 代码是否符合界面设计规范,支持访问性和 UX 审计。通过获取最新指南并比对文件规则,输出具体行级问题。
用于渲染语法高亮代码文件、diffs、补丁及合并冲突的 Skill,支持 React、SSR、Worker 及自定义编辑器功能。
指导在React中处理动态内容溢出场景,提供Fallback和Render-prop两种模式选择,帮助实现自适应布局。
提供 Vercel Engineering 维护的 React 和 Next.js 性能优化指南,涵盖消除数据瀑布、包体积优化及服务端性能等57条规则。用于指导代码编写、审查与重构,确保应用达到最佳性能标准。
以电影导演思维设计并构建高水准Web体验,涵盖落地页、 cinematic滚动站点及多屏统一设计系统。内置资产生成与严格的质量门禁,确保视觉惊艳且无冗余代码。
用于设计和构建高质量浏览器可见Web界面的技能,涵盖HTML/CSS/JS及主流框架。强调视觉系统一致性、响应式布局、无障碍访问及交互状态管理,确保界面符合产品逻辑与用户体验标准。


