Agent Skills
› vercel-labs/open-agents
vercel-labs/open-agents
GitHub自动化浏览器操作，支持网页导航、DOM快照分析、元素交互（点击/输入/拖拽）及数据提取。适用于Web测试、表单填写、截图和数据抓取场景。
Install All Skills
npx skills add vercel-labs/open-agents --all -g -y
Skills in Collection (13)
自动化浏览器操作，支持网页导航、DOM快照分析、元素交互（点击/输入/拖拽）及数据提取。适用于Web测试、表单填写、截图和数据抓取场景。
需要自动化浏览网页或执行点击、输入等操作
需要从网页中提取文本、HTML或属性等结构化信息
需要进行Web应用的功能测试或UI交互验证
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、Commit或本地Diff。通过读取完整文件上下文，重点检测逻辑错误、安全隐患及结构问题，提供可操作的修复建议。
用户要求审查PR或Diff
输入包含 /review 命令
提及 review my changes
npx skills add vercel-labs/open-agents --skill code-review -g -y
指导用户收集凭证、在 Vercel 部署 Open Harness 副本并完成首次运行设置。区分最小化与完整 GitHub 集成流程，提供环境变量配置及安全指引。
部署应用
自托管配置
获取启动凭证
Vercel 部署
npx skills add vercel-labs/open-agents --skill deploy-open-harness -g -y
指导前端界面打磨、组件设计与动画决策，强调通过细节提升用户体验和软件质感。
UI代码审查
组件设计评审
交互与动画优化
npx skills add vercel-labs/open-agents --skill emil-design-eng -g -y
指导创建独特且生产级的前端界面，避免通用AI审美。用于构建网页、组件或应用，强调大胆的美学方向、排版、色彩及动效细节，生成高质量且具辨识度的UI代码。
用户要求构建网页组件、页面或应用程序
需要美化或设计Web UI界面
请求生成具有特定美学风格的HTML/CSS/React代码
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
移除托管演示版的试用限制，使 Fork 具备自部署能力。通过删除会话、消息及认证相关的守卫代码和清理无用文件，实现功能解除。
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性能优化指南，涵盖消除瀑布流、包体积优化等58条规则，用于指导代码编写、审查及重构。
编写或审查React组件和Next.js页面
实现数据获取逻辑
重构现有代码以提升性能
npx skills add vercel-labs/open-agents --skill vercel-react-best-practices -g -y
基于Vercel Workflow DevKit创建持久化、可恢复的工作流，支持重启存活、外部事件暂停及多步骤协调。
构建需要持久化的工作流
处理外部事件的暂停与恢复
实现失败重试机制
编排多步骤长时间运行的操作
npx skills add vercel-labs/open-agents --skill workflow -g -y
协助开发者使用 Vercel AI SDK 构建 AI 功能，解答 API 疑问并指导实现 Agent、聊天机器人及 RAG 系统。强调基于源码和最新文档进行开发，避免依赖过时知识。
询问 AI SDK 函数用法
构建 AI Agent 或聊天机器人
集成 OpenAI/Anthropic 等提供商
使用 React hooks (useChat)
npx skills add vercel-labs/open-agents --skill ai-sdk -g -y
提供跨平台聊天机器人构建的 TypeScript SDK，支持 Slack、Teams、Discord 等多平台适配。用于处理消息路由、AI 流式响应、卡片交互及状态管理，实现一次编写多端部署。
Build a Slack, Teams, Google Chat, Discord, Telegram, GitHub, Linear, or WhatsApp bot
Use Chat SDK to handle mentions, direct messages, subscribed threads, reactions, slash commands, cards, modals, files, or AI streaming
Set up webhook routes or multi-adapter bots
Send rich cards or streamed AI responses to chat platforms
Build or maintain a custom adapter or state adapter
npx skills add vercel-labs/open-agents --skill chat-sdk -g -y
指导设计与实现自然、有目的性的Web动画，涵盖缓动、时序、性能及无障碍考量。
询问动画效果或缓动曲线
优化UI交互流畅度
调整过渡动画参数
npx skills add vercel-labs/open-agents --skill web-animation-design -g -y
