deploy — for Claude Code deploy, pet-adoption-app, community, for Claude Code, ide skills, npm run build, VITE_SUPABASE_URL, VITE_SUPABASE_ANON_KEY, VITE_LLM_PROVIDER, deepseek

v1.0.0
GitHub

このスキルについて

適した場面: Ideal for AI agents that need 触发词：部署、vercel、pwa、发布、上线、vercel 部署、pwa 安装. ローカライズされた概要: deploy helps AI agents handle repository-specific developer workflows with documented implementation details.

機能

触发词：部署、Vercel、PWA、发布、上线、vercel 部署、PWA 安装
登录 Vercel → Add New → Project
选择 GitHub 仓库（如 pet-adoption-app）
Framework Preset Vite（自动检测）
Build Command npm run build

# 主なトピック

for Claude Code pet-adoption-app npm run build VITE_SUPABASE_URL VITE_SUPABASE_ANON_KEY VITE_LLM_PROVIDER
Aafff623 Aafff623
[1]
[0]
更新日: 4/28/2026

Skill Overview

Start with fit, limitations, and setup before diving into the repository.

適した場面: Ideal for AI agents that need 触发词：部署、vercel、pwa、发布、上线、vercel 部署、pwa 安装. ローカライズされた概要: deploy helps AI agents handle repository-specific developer workflows with documented implementation details.

このスキルを使用する理由

推奨ポイント: deploy helps agents 触发词：部署、vercel、pwa、发布、上线、vercel 部署、pwa 安装. deploy helps AI agents handle repository-specific developer workflows with documented implementation details.

おすすめ

適した場面: Ideal for AI agents that need 触发词：部署、vercel、pwa、发布、上线、vercel 部署、pwa 安装.

↓ 実現可能なユースケース for deploy

ユースケース: 触发词：部署、Vercel、PWA、发布、上线、vercel 部署、PWA 安装
ユースケース: 登录 Vercel → Add New → Project
ユースケース: 选择 GitHub 仓库（如 pet-adoption-app）

! セキュリティと制限

  • 制約事項: Requires repository-specific context from the skill documentation
  • 制約事項: Works best when the underlying tools and dependencies are already configured

About The Source

The section below is adapted from the upstream repository. Use it as supporting material alongside the fit, use-case, and installation summary on this page.

Labs デモ

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

FAQ とインストール手順

These questions and steps mirror the structured data on this page for better search understanding.

? よくある質問

deploy とは何ですか？

適した場面: Ideal for AI agents that need 触发词：部署、vercel、pwa、发布、上线、vercel 部署、pwa 安装. ローカライズされた概要: deploy helps AI agents handle repository-specific developer workflows with documented implementation details.

deploy はどうやって導入しますか？

次のコマンドを実行してください: npx killer-skills add Aafff623/pet-adoption-app/deploy。Cursor、Windsurf、VS Code、Claude Code など19以上のIDEで使えます。

deploy の主な用途は？

主な用途は次のとおりです: ユースケース: 触发词：部署、Vercel、PWA、发布、上线、vercel 部署、PWA 安装, ユースケース: 登录 Vercel → Add New → Project, ユースケース: 选择 GitHub 仓库（如 pet-adoption-app）。

deploy に対応するIDEは？

このスキルは Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer に対応しています。統一された導入には Killer-Skills CLI を使えます。

deploy に制限はありますか？

制約事項: Requires repository-specific context from the skill documentation. 制約事項: Works best when the underlying tools and dependencies are already configured.

↓ このスキルの導入方法

  1. 1. ターミナルを開く

    プロジェクトディレクトリでターミナルまたはコマンドラインを開きます。

  2. 2. インストールコマンドを実行

    npx killer-skills add Aafff623/pet-adoption-app/deploy を実行してください。CLI がIDEまたはエージェントを自動検出し、スキルを設定します。

  3. 3. スキルを使い始める

    このスキルはすぐに有効になります。現在のプロジェクトで deploy をすぐ使えます。

! Source Notes

This page is still useful for installation and source reference. Before using it, compare the fit, limitations, and upstream repository notes above.

Upstream Repository Material

The section below is adapted from the upstream repository. Use it as supporting material alongside the fit, use-case, and installation summary on this page.

Upstream Source

deploy

Install deploy, an AI agent skill for AI agent workflows and automation. Explore features, use cases, limitations, and setup guidance.

SKILL.md
Readonly
Upstream Repository Material
The section below is adapted from the upstream repository. Use it as supporting material alongside the fit, use-case, and installation summary on this page.
Upstream Source

Deploy 部署技能

触发词：部署、Vercel、PWA、发布、上线、vercel 部署、PWA 安装

一、Vercel 部署流程

1. 导入项目

  1. 登录 Vercel → Add New → Project
  2. 选择 GitHub 仓库（如 pet-adoption-app）
  3. 确认分支 main

2. 构建配置

配置项值
Framework PresetVite（自动检测）
Build Commandnpm run build
Output Directorydist
Root Directory./

项目已有 vercel.json，可覆盖上述配置。

3. 环境变量（必填）

在 Vercel → Settings → Environment Variables 添加：

Key必填说明
VITE_SUPABASE_URL是Supabase 项目 URL
VITE_SUPABASE_ANON_KEY是Supabase Anon Key
VITE_LLM_PROVIDER否deepseek / doubao / gemini，默认 deepseek
VITE_DOUBAO_API_KEYdoubao 时豆包 API Key
VITE_DOUBAO_MODEL_IDdoubao 时豆包推理接入点 ID（ep-xxx 或预置模型 ID）
VITE_DEEPSEEK_API_KEYdeepseek 时DeepSeek API Key
VITE_GEMINI_API_KEYgemini 时Gemini API Key

注意：环境变量修改后必须 Redeploy 才能生效（Vite 在构建时注入）。

4. Supabase URL 配置

部署完成后，在 Supabase Dashboard → Authentication → URL Configuration：

  • Redirect URLs：添加 https://<你的项目>.vercel.app/（如 https://pet-adoption-app-omega.vercel.app/）
  • Site URL：可改为生产域名

否则登录/注册后重定向会失败。

二、PWA 流程

1. 依赖与配置

项目已集成 vite-plugin-pwa，vite.config.ts 中已配置 VitePWA 插件及 manifest。

2. 图标资源

图标位于 public/pets/：

文件用途
pwa-192x192.pngManifest 小图标
pwa-512x512.pngManifest 主图标
favicon.ico浏览器标签页
apple-touch-icon.pngiOS 主屏幕

3. 验证 PWA

  1. 部署后访问 Vercel 域名
  2. Chrome DevTools → Application → Manifest：检查名称、图标、theme_color
  3. Application → Service Workers：确认已注册
  4. 安卓：菜单 → 「添加到主屏幕」；桌面：地址栏安装图标

三、坑点速查

完整坑点见 reference.md。

坑点快速处理
提交信息乱码提交信息请使用英文；若已乱码，用 git commit -F <文件> 修正，见 github-batch-commits
AI 回复失败配置 VITE_LLM_* 环境变量并 Redeploy
注册成功登录失败Supabase 邮箱未验证，查 auth.users.email_confirmed_at
登录重定向失败Supabase Redirect URLs 添加 Vercel 域名
环境变量不生效修改后必须 Redeploy

四、检查清单

部署前：

  • 环境变量已在 Vercel 配置（含 Supabase、LLM）
  • Supabase Redirect URLs 已添加 Vercel 域名

部署后：

  • 访问域名可正常打开
  • 登录/注册流程正常
  • AI 智能体（若配置）可正常回复
  • PWA 可「添加到主屏幕」

调试：

  • Supabase 数据：使用 supabase-calls 的 execute_sql 查 auth.users、profiles
  • AI 失败：浏览器控制台查看 [PetConnect Doubao] 日志

関連スキル

Looking for an alternative to deploy or another community skill for your workflow? Explore these related open-source skills.

すべて表示

openclaw-release-maintainer

Logo of openclaw
openclaw

ローカライズされた概要: 🦞 # OpenClaw Release Maintainer Use this skill for release and publish-time workflow. It covers ai, assistant, crustacean workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

★ 333.8k
⑂ 0
AI

widget-generator

Logo of f
f

ローカライズされた概要: Generate customizable widget plugins for the prompts.chat feed system # Widget Generator Skill This skill guides creation of widget plugins for prompts.chat. It covers ai, artificial-intelligence, awesome-list workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf

★ 149.6k
⑂ 0
AI

flags

Logo of vercel
vercel

ローカライズされた概要: The React Framework # Feature Flags Use this skill when adding or changing framework feature flags in Next.js internals. It covers blog, browser, compiler workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

★ 138.4k
⑂ 0
ブラウザ

pr-review

Logo of pytorch
pytorch

ローカライズされた概要: Usage Modes No Argument If the user invokes /pr-review with no arguments, do not perform a review. It covers autograd, deep-learning, gpu workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

★ 98.6k
⑂ 0
開発者