用于构建和审查基于 Vue 的终端 UI 组件，涵盖对话框、输入框及渲染调度等核心功能。提供从数据检索、分层设计到测试验证的标准工作流，确保终端交互的正确性与一致性。
专注于JavaScript/TypeScript应用的系统化测试与调试，涵盖单元测试、集成测试及端到端测试编写，支持Bug修复、性能与安全问题分析及代码覆盖率提升。
面向落地页、作品集及重设计的反模板前端技能。通过解析需求推断设计方向，避免默认审美，确保输出非模板化的高质量界面，支持真实设计系统与严格预检。
将本地视频转换为元数据、转录文本及AI生成的卡片式视频。通过提取音频、语音识别生成字幕，修正后由Agent设计HTML卡片并渲染为MP4，实现视频内容的二次创作与复用。
用于UI视觉验证的CLI工具，通过录制视频、截图和捕获错误来确认前端组件或页面的变更。支持自动化测试流程及PR报告生成。
指导在React Native项目中集成react-native-preflight，自动检测项目结构（Expo Router或React Navigation）及现有配置，完成Babel、StateInjector和Maestro YAML生成等实际代码修改。
前端 UI 审查技能，用于检查界面可读性、视觉密度、间距、响应式适配、空/加载状态及可访问性。提供布局、排版、色彩等维度的清单，输出通过情况、问题及修复建议。
用于创建、编辑和迁移 Letta Code 的状态栏组件。处理 /statusline 命令，管理 ~/.letta/mods/statusline.tsx 文件，支持从 shell 脚本迁移或自定义显示内容，遵循同步渲染和无副作用规则。
为 macOS 应用创建类似 Dynamic Island 的凹槽 UI 覆盖层，支持自定义形状、屏幕定位及弹簧动画，实现内容从硬件凹槽区域浮现的效果。
提供 React Native 和 Expo 应用的开发最佳实践，涵盖列表性能优化、动画实现、UI 模式、导航及原生模块配置等规则，旨在提升移动端应用性能与开发质量。
将本地开发服务器或静态文件通过共享URL暴露为实时预览，支持浏览器和移动端测试。在启动服务或创建Web文件后使用，需连接VibeAround MCP服务器。
用于审查和优化现有前端动画，依据 transitions.dev 规范调整时长、缓动等参数，提升交互动效质量。
提供Liveblocks实时协作功能的最佳实践，涵盖认证、房间管理、AI协作及UI组件集成。用于指导开发者在应用中正确实现多人协同、评论和通知等功能，解决常见连接与权限问题。
基于Playwright的Web自动化技能，通过本地浏览器驱动执行搜索、填表等任务。生成可复用脚本并截图验证，支持单次执行与CLI参数化模式，无需API密钥。
规范 Playwright E2E 测试中的等待策略，主张全局隐式等待覆盖常规场景，显式等待仅用于大文件上传等慢路径，禁止硬等待。
