openai-agents-guidelines
为AI编码代理提供React、Web设计与Vercel部署三大核心技能包。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：openai-agents-guidelines。 它的用途是：为AI编码代理提供React、Web设计与Vercel部署三大核心技能包。 完整的 Skill 内容见：https://321skill.com/skills/openai-agents-guidelines/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘请帮我审查这个登录页面的UI设计’，它会调用web-design-guidelines技能，从可访问性、表单、性能等10多个类别对你的代码进行审计，并给出具体的改进建议。
对AI说：‘把这个Next.js项目部署到线上’，它会使用vercel-deploy-claimable技能，自动打包、检测框架并完成部署，返回一个可访问的预览链接和一个用于认领所有权的链接。
介绍
这个Skill仓库为AI编码代理（如Claude、Cursor等）提供了三个可直接安装使用的扩展能力包，旨在提升开发者在特定领域的效率与代码质量。
它主要解决了开发者在编写React/Next.js代码时缺乏最佳实践指导、设计UI时难以兼顾可访问性与性能、以及需要快速部署项目到Vercel时的繁琐操作问题。通过将业界指南和自动化脚本封装成标准化的“技能”，AI代理可以在对话中直接调用这些能力。
使用方式非常简单，通过一条安装命令即可让AI代理获得这些技能。之后，在相关的对话场景中，AI会自动识别任务并应用对应的技能，例如在用户请求审查UI或部署应用时，提供详细的检查清单或自动完成部署流程。
该Skill非常适合前端开发、全栈开发和智能体开发者使用，他们可以借助这些预置的专家级规则和自动化脚本，让AI助手成为更专业的代码审查员、设计审计员和部署助手。
建议在使用前明确你的AI代理是否支持Agent Skills格式。对于部署技能，请注意它生成的预览链接和所有权转移功能，非常适合快速原型演示和临时分享，但生产环境部署仍需结合完整的CI/CD流程。
核心特点
与单一功能的Skill不同，它在一个仓库内集成了从代码优化、UI审计到一键部署的完整工作流技能；其部署技能独有的“可认领”功能，允许用户将临时部署的项目轻松转移到自己的Vercel账户。
注意事项
不适合需要深度定制部署流程或审计非Web前端技术栈代码的场景。
常见问题
这个Skill支持哪些AI助手？
支持遵循Agent Skills格式的AI编码代理，如Claude for Desktop、Cursor等。
部署后如何将项目转移到自己的Vercel账号？
使用部署成功后返回的Claim URL链接，按页面指引操作即可完成所有权转移。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/openai-agents-guidelines/raw/index.md 读取 openai-agents-guidelines 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/openai-agents-guidelines/raw/index.md（查看排版版本）