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

사용 사례: Applying 触发词 ：部署、Vercel、PWA、发布、上线、vercel 部署、PWA 安装
사용 사례: Applying 登录 Vercel → Add New → Project
사용 사례: Applying 选择 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 comes 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은 어디에 쓰이나요?

주요 활용 사례는 다음과 같습니다: 사용 사례: Applying 触发词 ：部署、Vercel、PWA、发布、上线、vercel 部署、PWA 安装, 사용 사례: Applying 登录 Vercel → Add New → Project, 사용 사례: Applying 选择 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 comes 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 comes 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
인공지능

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
인공지능

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
개발자