Agent Skills
› vercel-labs/open-agents
vercel-labs/open-agents
GitHub自动化浏览器交互技能，支持网页导航、元素快照分析、点击填充等交互操作及数据提取，适用于Web测试、表单填写和截图场景。
Install All Skills
npx skills add vercel-labs/open-agents --all -g -y
Skills in Collection (13)
自动化浏览器交互技能，支持网页导航、元素快照分析、点击填充等交互操作及数据提取，适用于Web测试、表单填写和截图场景。
需要自动化浏览网页或执行Web测试
需要从网页中提取信息或填写表单
npx skills add vercel-labs/open-agents --skill agent-browser -g -y
用于 Tailwind CSS 项目中强制 UI 基线，涵盖动画、排版、无障碍、布局及性能规范，防止 AI 生成劣质界面。
构建 UI 组件时
审查 CSS 工具类时
为 React 视图添加样式时
npx skills add vercel-labs/open-agents --skill baseline-ui -g -y
代码审查技能，用于分析PR、Diff或提交变更，提供可操作的反馈。支持自动获取上下文并检查Bug、安全漏洞、代码结构和性能问题，确保代码质量与安全。
review this PR
review my changes
code review
npx skills add vercel-labs/open-agents --skill code-review -g -y
指导用户收集凭证并在 Vercel 部署 Open Harness 应用，涵盖最小化或完整 GitHub 集成方案，包括环境配置、安全规范及首次运行验证。
请求部署 Open Harness 应用
询问如何配置环境变量和凭证
需要自托管该应用的指南
npx skills add vercel-labs/open-agents --skill deploy-open-harness -g -y
基于Emil Kowalski的设计工程哲学，指导UI细节打磨、组件设计、动画决策及交互体验优化，强调通过细微之处提升软件质感与用户满意度。
需要评估或改进用户界面视觉与交互细节
审查前端代码中的CSS过渡、动画及响应式状态
npx skills add vercel-labs/open-agents --skill emil-design-eng -g -y
指导创建独特且生产级的前端界面，避免通用AI美学。适用于构建网页组件、页面、应用或UI美化，生成具有鲜明设计风格和高质量代码的视觉成果。
用户要求构建Web组件或页面
需要美化或重新设计现有UI
生成具有特定美学风格的前端代码
npx skills add vercel-labs/open-agents --skill frontend-design -g -y
用于非平凡任务实施前的系统级规划，强调架构一致性与最小化改动。通过探索代码、澄清需求并生成 PLAN.md 来指导后续开发，避免孤立修补。
/plan
plan this
design an approach
let's plan first
npx skills add vercel-labs/open-agents --skill plan-mode -g -y
移除托管演示版的试用限制、会话及消息上限等代码，使分支行为等同于自托管部署。
remove demo limits
remove trial limits
remove hosted restrictions
open this up for my fork
remove managed template restrictions
npx skills add vercel-labs/open-agents --skill remove-demo-limits -g -y
提供Vercel工程团队的React和Next.js性能优化指南，涵盖消除数据瀑布、代码包优化及服务端渲染等规则。用于指导新代码编写、代码审查及重构，确保应用达到最佳性能标准。
编写或审查React组件与Next.js页面
进行前端代码重构以优化性能
实施数据获取策略优化
分析并减少JavaScript包体积
npx skills add vercel-labs/open-agents --skill vercel-react-best-practices -g -y
基于 Vercel Workflow DevKit 创建持久、可恢复的工作流，支持断点续传、重试及多步协调。指导使用步骤函数避免沙箱限制，并提供文档检索与 API 参考。
构建持久化工作流
需要断点续传或重试逻辑
提及 durable functions
提及 resumable workflows
npx skills add vercel-labs/open-agents --skill workflow -g -y
指导开发者使用Vercel AI SDK构建AI功能，包括代理、聊天机器人和RAG系统。强调通过本地源码或文档查询最新API，避免依赖过时知识，提供模型ID获取及错误排查指南。
询问AI SDK函数如generateText
构建AI代理或聊天机器人
咨询AI提供商集成
使用React hooks如useChat
npx skills add vercel-labs/open-agents --skill ai-sdk -g -y
提供跨平台聊天机器人构建的统一TypeScript SDK，支持Slack、Teams等多平台适配，处理事件路由、消息交互及AI流式响应。
chat sdk
slack bot
teams bot
discord bot
telegram bot
whatsapp bot
build adapter
npx skills add vercel-labs/open-agents --skill chat-sdk -g -y
提供Web动画设计指导，涵盖缓动、时序及性能优化。支持UI元素动画实现、最佳实践咨询及无障碍适配，适用于前端交互体验提升与代码审查。
询问动画缓动曲线或参数
需要实现UI过渡或微交互效果
评估动画性能或无障碍兼容性
npx skills add vercel-labs/open-agents --skill web-animation-design -g -y
