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
用于审查代码变更并提供可操作反馈的 Agent Skill。支持 PR、Diff、Commit 及分支对比，重点检查 Bug、安全漏洞、代码结构及性能问题，确保符合项目规范与安全边界。
/review
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
配置环境变量
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
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页面
审查代码以发现性能问题
优化数据获取策略或包体积
npx skills add vercel-labs/open-agents --skill vercel-react-best-practices -g -y
用于构建基于Vercel Workflow DevKit的持久化、可恢复工作流，支持断点续传、重试及多步协调。
workflow
durable functions
resumable
workflow devkit
step-based orchestration
npx skills add vercel-labs/open-agents --skill workflow -g -y
协助开发者使用 Vercel AI SDK，包括构建 AI 代理、聊天机器人及 RAG 系统。通过实时查询本地文档和官方源获取最新 API 信息，确保代码正确性并提供集成指导。
询问 AI SDK 函数用法
构建 AI 代理或聊天机器人
咨询 AI 提供商集成
使用 React hooks 如 useChat
npx skills add vercel-labs/open-agents --skill ai-sdk -g -y
用于构建跨平台聊天机器人的统一 TypeScript SDK，支持 Slack、Teams、Discord 等。提供事件处理、消息发送、卡片交互及 AI 流式响应功能，简化多平台适配与开发流程。
构建聊天机器人
接入多个聊天平台
使用 Chat SDK
创建自定义适配器
npx skills add vercel-labs/open-agents --skill chat-sdk -g -y
专注于网页动画设计，提供自然且目的明确的动效实现指南。涵盖缓动曲线、性能优化及无障碍支持，适用于UI元素过渡、微交互及页面切换等场景。
询问动画缓动曲线（如 ease-out, cubic-bezier）
需要实现 UI 过渡或微交互效果
评估或优化动画性能与可访问性
npx skills add vercel-labs/open-agents --skill web-animation-design -g -y
