Agent Skills
› vercel-labs/open-agents
vercel-labs/open-agents
GitHub自动化浏览器交互，支持网页导航、元素快照、表单填写、截图及数据提取。适用于Web应用测试、信息抓取及前端页面操作场景。
安装全部 Skills
npx skills add vercel-labs/open-agents --all -g -y
集合内 Skills (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
用于审查代码变更并提供可操作反馈的 Skill。支持审查未提交更改、特定提交、分支对比及 PR，重点关注 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集成模式，提供环境变量配置及安全规范。
请求在Vercel上部署Open Harness
询问如何获取或配置应用所需的环境变量和凭证
关于自托管或Fork版本的首次运行设置
npx skills add vercel-labs/open-agents --skill deploy-open-harness -g -y
编码 Emil Kowalski 的 UI 打磨、组件设计、动画决策及提升软件质感的隐形细节哲学，旨在通过培养审美和关注微小差异来优化前端界面体验。
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
提供React和Next.js性能优化指南，涵盖消除瀑布流、包体积优化及服务端性能等规则。用于编写、审查或重构代码时确保最佳实践。
编写新的React组件或Next.js页面
实现数据获取逻辑
审查代码以发现性能问题
重构现有React/Next.js代码
优化包体积或加载速度
npx skills add vercel-labs/open-agents --skill vercel-react-best-practices -g -y
创建基于 Vercel Workflow DevKit 的持久化、可恢复工作流，支持断点续传、重试及多步骤协调。用于构建需长期运行或处理外部事件的复杂任务流程。
需要构建持久化工作流
涉及函数状态保持与恢复
多步骤任务编排与协调
提及 durable functions 或 resumable
npx skills add vercel-labs/open-agents --skill workflow -g -y
指导开发者使用 Vercel AI SDK，涵盖安装、API 查询及构建 AI 功能。强调不依赖内部知识，需通过本地文档或官网验证最新 API 和模型 ID，确保代码准确性与最佳实践。
询问 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 等多平台适配，处理事件路由、消息交互及 AI 流式响应。
chat sdk
slack bot
teams bot
discord bot
telegram bot
whatsapp bot
google chat bot
github bot
linear bot
custom adapter
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
