Agent skill
deployment
Deployment preparation workflow including version management, documentation sync, and pre-deploy checklist for web audio apps.
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. ๋ฒ์ ์ผ๊ด์ฑ ํ์ธ
# 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 ์์ ํ์ธ
# sw.js์์ ์บ์ํ ํ์ผ ๋ชฉ๋ก ํ์ธ
grep -A 50 "ASSETS\|urlsToCache" sw.js
ํ์ธ ์ฌํญ:
- ์๋ก ์ถ๊ฐ๋ JS ํ์ผ ํฌํจ๋จ
- ์๋ก ์ถ๊ฐ๋ CSS ํ์ผ ํฌํจ๋จ
- ์๋ก ์ถ๊ฐ๋ ์์ (์ด๋ฏธ์ง, ํฐํธ) ํฌํจ๋จ
3. ์ต๊ทผ ๋ณ๊ฒฝ ์ฌํญ ๊ฒํ
# ์ต๊ทผ 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. ๋ค๊ตญ์ด ๋ฌธ์ ๋๊ธฐํ
# ํ๊ตญ์ด ๋ฌธ์ ํ์ธ
ls -la *_ko.md docs/*_ko.md 2>/dev/null
ํ์ธ ์ฌํญ:
-
USER_MANUAL.md๋ณ๊ฒฝ ์ โUSER_MANUAL_ko.md๋๊ธฐํ - ์น์ ๊ตฌ์กฐ ์ผ์น ํ์ธ
6. ์คํฌ๋ฆฐ์ท ๊ฐฑ์
์ UI ๊ธฐ๋ฅ์ด ์ถ๊ฐ๋ ๊ฒฝ์ฐ:
# ์คํฌ๋ฆฐ์ท ์์ฑ ์คํฌ๋ฆฝํธ ์คํ
node scripts/generate_screenshots.js
7. ์ต์ข ๊ฒ์ฆ
# ๋น๋ ํ
์คํธ (Vite ํ๋ก์ ํธ)
npm run build
# ํ์
์ฒดํฌ (TypeScript)
npx tsc --noEmit
# ๋ฆฐํธ ์ฒดํฌ
npm run lint
8. ์ปค๋ฐ ๋ฐ ํธ์
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 - ์๋ ์บ์ ๋ฌดํจํ
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?