Agent skill

deployment

Deployment preparation workflow including version management, documentation sync, and pre-deploy checklist for web audio apps.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/deployment-acidsound-acidapps

SKILL.md

๐Ÿš€ Deployment Skill

๋ฐฐํฌ ์ „ ์ค€๋น„ ์ž‘์—…์„ ์œ„ํ•œ ์ฒดํฌ๋ฆฌ์ŠคํŠธ ๋ฐ ์ž๋™ํ™” ๋„๊ตฌ.

๐ŸŽฏ ์šฉ๋„

  • ๋ฒ„์ „ ๋ฒˆํ˜ธ ์ผ๊ด€์„ฑ ํ™•์ธ
  • Service Worker ์บ์‹œ ์—…๋ฐ์ดํŠธ
  • ๋ฌธ์„œ ๋™๊ธฐํ™” (์˜์–ด/ํ•œ๊ตญ์–ด)
  • ๋ณ€๊ฒฝ ์ด๋ ฅ ์—…๋ฐ์ดํŠธ

๐Ÿ“‹ ์ฒดํฌ๋ฆฌ์ŠคํŠธ

1. ๋ฒ„์ „ ์ผ๊ด€์„ฑ ํ™•์ธ

bash
# Service Worker ๋ฒ„์ „ ํ™•์ธ
grep -n "CACHE_NAME\|CACHE_VERSION" sw.js

# HTML ๋ฒ„์ „ ํ‘œ์‹œ ํ™•์ธ
grep -n "version\|versionDisplay" index.html

# package.json ๋ฒ„์ „ ํ™•์ธ
cat package.json | grep '"version"'

ํ™•์ธ ์‚ฌํ•ญ:

  • sw.js์˜ CACHE_NAME ์—…๋ฐ์ดํŠธ๋จ
  • index.html์˜ ๋ฒ„์ „ ํ‘œ์‹œ ์—…๋ฐ์ดํŠธ๋จ
  • package.json์˜ version ์—…๋ฐ์ดํŠธ๋จ (์žˆ๋Š” ๊ฒฝ์šฐ)

2. Service Worker ์—์…‹ ํ™•์ธ

bash
# sw.js์—์„œ ์บ์‹œํ•  ํŒŒ์ผ ๋ชฉ๋ก ํ™•์ธ
grep -A 50 "ASSETS\|urlsToCache" sw.js

ํ™•์ธ ์‚ฌํ•ญ:

  • ์ƒˆ๋กœ ์ถ”๊ฐ€๋œ JS ํŒŒ์ผ ํฌํ•จ๋จ
  • ์ƒˆ๋กœ ์ถ”๊ฐ€๋œ CSS ํŒŒ์ผ ํฌํ•จ๋จ
  • ์ƒˆ๋กœ ์ถ”๊ฐ€๋œ ์—์…‹(์ด๋ฏธ์ง€, ํฐํŠธ) ํฌํ•จ๋จ

3. ์ตœ๊ทผ ๋ณ€๊ฒฝ ์‚ฌํ•ญ ๊ฒ€ํ† 

bash
# ์ตœ๊ทผ 10๊ฐœ ์ปค๋ฐ‹ ํ™•์ธ
git log --oneline -n 10

# ๋งˆ์ง€๋ง‰ ํƒœ๊ทธ ์ดํ›„ ๋ณ€๊ฒฝ ํ™•์ธ
git log --oneline $(git describe --tags --abbrev=0)..HEAD

4. ๋ฌธ์„œ ์—…๋ฐ์ดํŠธ

์—…๋ฐ์ดํŠธํ•  ๋ฌธ์„œ:

  • README.md - ๊ธฐ๋Šฅ ๋ชฉ๋ก, ๋ฒ„์ „ ์ •๋ณด
  • USER_MANUAL.md - ์ƒˆ ๊ธฐ๋Šฅ ์„ค๋ช…
  • CHANGELOG.md - ๋ณ€๊ฒฝ ์ด๋ ฅ ์ถ”๊ฐ€
  • .agent/PROJECT_CONTEXT.md - ์•„ํ‚คํ…์ฒ˜, ๋ฒ„์ „ ์ •๋ณด

5. ๋‹ค๊ตญ์–ด ๋ฌธ์„œ ๋™๊ธฐํ™”

bash
# ํ•œ๊ตญ์–ด ๋ฌธ์„œ ํ™•์ธ
ls -la *_ko.md docs/*_ko.md 2>/dev/null

ํ™•์ธ ์‚ฌํ•ญ:

  • USER_MANUAL.md ๋ณ€๊ฒฝ ์‹œ โ†’ USER_MANUAL_ko.md ๋™๊ธฐํ™”
  • ์„น์…˜ ๊ตฌ์กฐ ์ผ์น˜ ํ™•์ธ

6. ์Šคํฌ๋ฆฐ์ƒท ๊ฐฑ์‹ 

์ƒˆ UI ๊ธฐ๋Šฅ์ด ์ถ”๊ฐ€๋œ ๊ฒฝ์šฐ:

bash
# ์Šคํฌ๋ฆฐ์ƒท ์ƒ์„ฑ ์Šคํฌ๋ฆฝํŠธ ์‹คํ–‰
node scripts/generate_screenshots.js

7. ์ตœ์ข… ๊ฒ€์ฆ

bash
# ๋นŒ๋“œ ํ…Œ์ŠคํŠธ (Vite ํ”„๋กœ์ ํŠธ)
npm run build

# ํƒ€์ž… ์ฒดํฌ (TypeScript)
npx tsc --noEmit

# ๋ฆฐํŠธ ์ฒดํฌ
npm run lint

8. ์ปค๋ฐ‹ ๋ฐ ํ‘ธ์‹œ

bash
git add .
git commit -m "v{VERSION}: {๋ณ€๊ฒฝ ์‚ฌํ•ญ ์š”์•ฝ}"
git push origin main

# ํƒœ๊ทธ ์ถ”๊ฐ€ (์„ ํƒ)
git tag v{VERSION}
git push origin v{VERSION}

๐Ÿ”ง ๋ฒ„์ „ ๋ฒˆํ˜ธ ๊ทœ์น™

๋ณ€๊ฒฝ ์œ ํ˜• ๋ฒ„์ „ ์ฆ๊ฐ€ ์˜ˆ์‹œ
๋ฒ„๊ทธ ์ˆ˜์ • ํŒจ์น˜ (+1) v89 โ†’ v90
์ƒˆ ๊ธฐ๋Šฅ ๋งˆ์ด๋„ˆ (+1) v89 โ†’ v90
๋Œ€๊ทœ๋ชจ ๋ณ€๊ฒฝ ๋ฉ”์ด์ € (+1) v1.0 โ†’ v2.0

๐Ÿ“ ์ปค๋ฐ‹ ๋ฉ”์‹œ์ง€ ํ˜•์‹

v{๋ฒ„์ „}: {์ œ๋ชฉ}

- {์ƒ์„ธ ๋ณ€๊ฒฝ 1}
- {์ƒ์„ธ ๋ณ€๊ฒฝ 2}

Closes #{์ด์Šˆ๋ฒˆํ˜ธ} (์žˆ๋Š” ๊ฒฝ์šฐ)

์˜ˆ์‹œ

v91: UI Refinement & Icon Restoration

- Reverted trash icon toggle behavior
- Unified button sizes (32x24px)
- Increased icon stroke-width (2.5px)

๐Ÿ”— ํ”„๋กœ์ ํŠธ๋ณ„ ํŠน์ด์‚ฌํ•ญ

acidBros

  • ๋ฒ„์ „: sw.js์˜ CACHE_NAME + index.html์˜ .version-display
  • ์บ์‹œ: ๋ชจ๋“  JS/CSS/ํฐํŠธ ์ˆ˜๋™ ๋“ฑ๋ก

ddxx7

  • ๋ฒ„์ „: package.json + Vite ๋นŒ๋“œ ํ•ด์‹œ
  • ์ž๋™ ์บ์‹œ ๋ฌดํšจํ™”

uss44

  • ๋ฒ„์ „: package.json
  • ์ž๋™ ์บ์‹œ ๋ฌดํšจํ™”

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results