技能 deploying-to-production
📦

deploying-to-production

安全 ⚙️ 外部命令

部署 Web 專案到 Vercel

此技能引導使用者建立 GitHub 儲存庫並部署到 Vercel，自動化整個部署流程，消除手動部署步驟並減少錯誤。

支援: Claude Codex Code(CC)
🥉 74 青銅
1

下載技能 ZIP

2

在 Claude 中上傳

前往 設定 → 功能 → 技能 → 上傳技能

3

開啟並開始使用

測試它

正在使用「deploying-to-production」。 Deploy this website to production

預期結果:

  • Step 1: Running npm build...
  • Build successful.
  • Step 2: Creating GitHub repository 'my-website'...
  • Repository created successfully.
  • Step 3: Pushing code to GitHub...
  • Code pushed to main branch.
  • Step 4: Deploying to Vercel...
  • Deployment URL: https://my-website.vercel.app
  • Step 5: Verifying deployment...
  • Deployment verified! Site is live at https://my-website.vercel.app

正在使用「deploying-to-production」。 Deploy my React app to production

預期結果:

  • Running build for React application...
  • Build completed without errors.
  • Creating GitHub repository...
  • Repository ready at github.com/username/react-app
  • Pushing code to repository...
  • Code successfully deployed to Vercel: https://react-app.vercel.app
  • Deployment verified and working correctly.

安全審計

安全
v1 • 2/24/2026

Both static findings are false positives. The 'external_commands' detection refers to a standard 'npm run build' command which is a legitimate build step in web deployment workflows. The 'weak cryptographic algorithm' flag was triggered by YAML frontmatter text that contains no cryptographic code. This skill provides safe, read-only deployment guidance.

1
已掃描檔案
41
分析行數
1
發現項
1
審計總數

風險因素

⚙️ 外部命令 (1)
SKILL.md:22
審計者: claude

品質評分

38
架構
100
可維護性
87
內容
50
社群
100
安全
91
規範符合性

你能建構什麼

快速專案部署

在幾分鐘內將新的 web 專案部署到生產環境，無需手動設定 git 或部署設定。

CI/CD 工作流程設定

為持續整合和交付設定自動化部署流程。

客戶專案移交

將客戶專案部署到生產環境，具備適當的版本控制和線上 URL。

試試這些提示

基本部署請求 
Deploy this website to production using the deploying-to-production skill.
新專案部署 
I have a new Next.js/React project in the current directory. Please deploy it to production using GitHub and Vercel.
現有專案部署 
This project already has a GitHub repository. Please deploy it to Vercel and verify the deployment is working.
完整設定與驗證 
Set up GitHub and Vercel deployment for this project. Create the repository, push the code, deploy to Vercel, and verify the live site is working.

最佳實務

  • 部署前先在本機執行 build，在部署前捕捉任何編譯錯誤
  • 完成後驗證部署 URL 以確保網站實際運作正常
  • 如果發生問題，請查看 Vercel 儀表板中的部署日誌

避免

  • 跳過建置驗證步驟可能導致部署損壞的程式碼
  • 不驗證部署可能會遺漏僅在生產環境中出現的執行時錯誤
  • 在沒有適當 git 設定的情況下嘗試部署可能導致版本控制問題

常見問題

此技能是否適用於所有 web 框架？
可以，此技能適用於任何使用 npm run build 的 web 專案，包括 Next.js、React、Vue、Svelte 和其他現代框架。
我需要 Vercel 帳戶嗎？
是的，使用此技能前必須擁有已連結到 GitHub 帳戶的 Vercel 帳戶。
我可以部署到自訂網域嗎？
此技能專注於初始部署。自訂網域設定必須在 Vercel 儀表板中手動完成。
如果建置失敗會怎樣？
技能會停止並報告建置錯誤。您需要先在本機修正錯誤，然後再嘗試部署。
初次部署後可以重新部署嗎？
可以，您可以再次執行此技能進行重新部署。它會將更新的程式碼推送到現有的 GitHub 儲存庫。
此技能安全嗎？
是的，此技能僅執行 npm build 並與 GitHub 和 Vercel API 互動。它不會執行任意程式碼或存取敏感系統。

開發者詳情

作者

ZhanlinCui

授權

MIT

儲存庫

https://github.com/ZhanlinCui/Ultimate-Agent-Skills-Collection/tree/main/deploying-to-production

引用

main

檔案結構

📄 SKILL.md