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
强制实施 UI 基线规范，防止 AI 生成劣质界面。涵盖 Tailwind CSS 样式、动画性能、无障碍访问及布局约束，用于构建组件或审查代码时确保设计一致性与最佳实践。
构建 UI 组件
审查 CSS 工具类
样式化 React 视图
强制执行设计一致性
npx skills add vercel-labs/open-agents --skill baseline-ui -g -y
用于审查代码变更并提供可操作反馈的 Agent。支持无参（默认）、提交哈希、分支名及 PR URL/编号等多种输入形式，通过 git 和 gh 命令获取上下文与差异，重点检查 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 集成两种方案。
部署应用
配置环境变量
获取部署凭证
npx skills add vercel-labs/open-agents --skill deploy-open-harness -g -y
编码Emil Kowalski的UI打磨、组件设计、动画决策及隐形细节哲学，旨在通过提升界面质感与交互体验来增强软件竞争力。
需要提升UI/UX细节质量
审查前端组件设计与动画实现
优化界面视觉与交互体验
npx skills add vercel-labs/open-agents --skill emil-design-eng -g -y
指导创建独特且生产级的前端界面，避免通用AI审美。适用于构建网页组件、页面、应用及UI美化，强调大胆的设计方向和精致的视觉细节。
用户要求构建网站或落地页
需要设计React或Vue组件
请求美化现有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组件
进行代码性能审查
实施数据获取策略
优化Bundle大小或加载速度
npx skills add vercel-labs/open-agents --skill vercel-react-best-practices -g -y
用于构建基于 Vercel Workflow DevKit 的持久化、可恢复工作流，支持断点续传、重试及多步骤编排。触发词包括 workflow, durable functions, resumable 等。
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代理或聊天机器人
配置AI提供商与流式输出
使用React AI Hooks
npx skills add vercel-labs/open-agents --skill ai-sdk -g -y
提供跨平台聊天机器人构建的统一TypeScript SDK，支持Slack、Teams等多平台适配，处理事件路由、消息交互及AI流式响应。
构建多平台聊天机器人
集成Chat SDK进行开发
配置Webhook或适配器
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
