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应用的端到端测试
npx skills add vercel-labs/open-agents --skill agent-browser -g -y
为 Tailwind CSS 项目提供 UI 规范约束，涵盖动画、排版、无障碍及布局最佳实践。支持代码审查与开发辅助，确保设计一致性与性能优化。
构建或审查 UI 组件
检查 CSS 工具类使用
样式化 React 视图
强制执行设计一致性
npx skills add vercel-labs/open-agents --skill baseline-ui -g -y
用于审查代码变更并提供可操作反馈的 Agent，支持 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 部署配置
获取应用凭证
自托管 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美学。适用于构建Web组件、页面、应用或美化UI，强调大胆的设计方向和精致的代码实现。
用户要求构建网站、着陆页或仪表板
需要生成React/Vue组件或HTML/CSS布局
请求美化或重新设计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性能优化指南，涵盖消除数据瀑布、包体积优化、服务端/客户端性能等8大类58条规则，用于指导代码编写、审查与重构。
编写或重构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 功能，涵盖 API 查询、Agent 开发及模型调用。强调查阅本地源码与文档以规避过时知识，确保代码正确性。
询问 AI SDK 函数用法
构建 AI Agent 或聊天机器人
集成 OpenAI/Anthropic 等提供商
处理流式响应或结构化输出
使用 React hooks
npx skills add vercel-labs/open-agents --skill ai-sdk -g -y
跨平台聊天机器人构建SDK，支持Slack、Teams等。用于开发多平台Bot、处理消息事件、集成AI流式响应及自定义适配器。
构建跨平台聊天机器人
集成Slack/Teams/Discord等渠道
实现AI流式对话功能
开发或维护Chat适配器
npx skills add vercel-labs/open-agents --skill chat-sdk -g -y
提供 Web 动画设计指南，涵盖缓动曲线、性能优化及无障碍支持。用于解答动画实现、交互效果及最佳实践问题，辅助前端开发提升用户体验。
询问 CSS 或 JS 动画实现细节
咨询缓动曲线选择与性能优化
涉及 Framer Motion/GSAP 等库的使用
讨论微交互或过渡效果
npx skills add vercel-labs/open-agents --skill web-animation-design -g -y
