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应用测试、信息抓取和前端页面操作场景。
需要自动化执行网页点击、输入或导航操作
需要从网页中提取结构化数据或文本
需要进行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、Diff、Commit及分支变更审查。通过Git和GH CLI获取上下文，深入分析逻辑错误、安全风险、结构规范及性能问题，提供可执行的改进反馈。
/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 集成流程，提供环境变量配置及安全指南。
部署应用到 Vercel
配置环境变量和凭证
自托管 Fork 版本
获取首次运行设置帮助
npx skills add vercel-labs/open-agents --skill deploy-open-harness -g -y
提供UI打磨、组件设计与动画决策的指导，强调通过细节提升用户体验和界面美感。
UI代码审查
前端组件设计咨询
交互与动画优化
npx skills add vercel-labs/open-agents --skill emil-design-eng -g -y
用于创建具有独特设计感的生产级前端界面，避免通用AI美学。指导用户构建网页组件、页面或应用，强调大胆的审美方向、精致的排版与动效，生成高质量且具记忆点的HTML/CSS/JS或React代码。
构建Web组件或页面
设计UI界面
美化前端样式
npx skills add vercel-labs/open-agents --skill frontend-design -g -y
用于非平凡任务实施前的系统级规划，涵盖探索代码库、澄清需求及制定最小化架构方案，确保变更与系统整体架构一致。
/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性能优化指南，涵盖消除瀑布流、包体积优化及服务端性能等8类规则，用于指导代码编写、审查与重构。
编写或重构React组件
优化Next.js页面性能
审查数据获取模式
减少JavaScript包体积
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
解答AI SDK使用问题，辅助构建AI功能。涵盖模型调用、流式处理、Agent开发及客户端集成，强调基于源码验证API，避免依赖过时知识。
询问AI SDK函数如generateText或useChat
构建AI代理或聊天机器人
咨询AI提供商集成或结构化输出
涉及React hooks如useCompletion
npx skills add vercel-labs/open-agents --skill ai-sdk -g -y
提供统一 TypeScript SDK，用于构建跨平台聊天机器人（如 Slack、Teams、Discord 等）。支持事件处理、消息发送、AI 流式响应及自定义适配器开发。
chat sdk
build slack bot
teams bot integration
discord bot development
telegram bot creation
whatsapp bot setup
custom adapter
state adapter
npx skills add vercel-labs/open-agents --skill chat-sdk -g -y
指导设计和实现自然、有目的性的Web动画，涵盖缓动、时序、性能及无障碍等最佳实践。
用户询问动画效果、缓动曲线或运动设计
涉及CSS过渡、JS动画库或微交互的实现与优化
npx skills add vercel-labs/open-agents --skill web-animation-design -g -y
