此技能自动配置 Vercel 和 Netlify 的部署设置,集成 Google Analytics 或 Vercel Analytics,并诊断环境设置问题。它引导用户完成部署工作流程,但不执行任意代码。
Baixar o ZIP da skill
Upload no Claude
Vá em Configurações → Capacidades → Skills → Upload skill
Ative e comece a usar
Testar
A utilizar "deploy". 将我的项目部署到 Vercel
Resultado esperado:
- 检查项目类型:Next.js 应用程序
- 生成 vercel.json 配置
- 步骤 1:运行 npx vercel 来链接项目
- 步骤 2:在 Vercel 控制台中配置环境变量
- 步骤 3:GitHub Actions 将在推送到 main 分支时自动部署
A utilizar "deploy". 在我的项目中添加 Google Analytics
Resultado esperado:
- 检测到框架:带有 Next.js 的 React
- 安装 @vercel/analytics 包
- 将分析组件添加到根布局
- 配置完成 - 数据将显示在 Vercel 控制台中
A utilizar "deploy". 检查我的环境
Resultado esperado:
- 检查所需工具:Git、Node.js、npm
- 验证配置文件是否存在
- 检查工作流程文档文件
- 环境已准备好执行部署任务
Auditoria de Segurança
SeguroThis is a documentation-only skill providing workflow guidance. All 25 static findings are FALSE POSITIVES - the scanner misinterpreted YAML frontmatter as cryptographic patterns, Markdown inline code formatting (backticks) as shell execution, and legitimate JSON metadata as C2/network indicators. No executable code, scripts, or command execution logic exists. The skill only generates human-readable configuration guidance.
Fatores de risco
⚙️ Comandos externos (7)
🌐 Acesso à rede (2)
Pontuação de qualidade
O Que Você Pode Construir
部署 Web 应用程序
为 Next.js、React 或静态网站配置 Vercel 或 Netlify,实现自动化预览部署。
添加分析跟踪
设置 Google Analytics 或 Vercel Analytics 来跟踪页面浏览量、事件和用户行为。
诊断环境问题
检查缺失的工具、无效的配置,并在发布前验证部署就绪状态。
Tente Estes Prompts
将我的项目部署到 Vercel。设置自动部署和拉取请求的预览 URL。
在我的 Next.js 项目中添加 Google Analytics 4。配置页面浏览跟踪和转化事件。
为我的静态网站设置 Netlify 部署。包含环境变量和分支部署。
检查我的环境是否已准备好部署。缺少哪些工具和配置?
Melhores Práticas
- 在应用更改之前审查生成的配置文件
- 使用环境变量存储敏感凭据,切勿硬编码
- 在合并到生产分支之前测试预览部署
Evitar
- 在未审查生成的配置的情况下运行部署命令
- 在生产发布前跳过环境健康检查
- 在未设置适当的业务指标分析跟踪的情况下进行部署