From figma-tools
Figma URL ๋๋ node ID๊ฐ ์ฃผ์ด์ง๋ฉด ๋์์ธ์ ๋ถ์ํ๊ณ ๊ตฌํ ๊ณํ์๋ฅผ ์์ฑํ๋ค. ์ฐธ์กฐํ ๊ธฐ์กด ์ฝ๋ ์์ด ์ฒ์๋ถํฐ ๊ตฌํํ ๋ ์ฌ์ฉ. ์ฐธ์กฐ ์ฝ๋๊ฐ ์์ผ๋ฉด figma-reference-plan์ ์ฌ์ฉ.
npx claudepluginhub window-ook/claude-code-lab --plugin figma-toolsThis skill uses the workspace's default tool permissions.
ํผ๊ทธ๋ง ๋์์ธ์ ๋ถ์ํ๊ณ `.claude/plans/design/`์ ๊ตฌํ ๊ณํ์๋ฅผ ์์ฑํ๋ค.
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Migrates code, prompts, and API calls from Claude Sonnet 4.0/4.5 or Opus 4.1 to Opus 4.5, updating model strings on Anthropic, AWS, GCP, Azure platforms.
Reviews prose for communication issues impeding comprehension, outputs minimal fixes in a three-column table per Microsoft Writing Style Guide. Useful for 'review prose' or 'improve prose' requests.
ํผ๊ทธ๋ง ๋์์ธ์ ๋ถ์ํ๊ณ .claude/plans/design/์ ๊ตฌํ ๊ณํ์๋ฅผ ์์ฑํ๋ค.
Always read first: PRINCIPLES.md, TEMPLATE.md, CHECKLIST.md
figma-reference-planexecute-figma-plan (๊ณํ์ ์ ํ ํ์)frontend-designPRINCIPLES.md, TEMPLATE.md, CHECKLIST.md๋ฅผ ์ฝ๋๋ค.
figma-analyzer ์์ด์ ํธ๋ฅผ ํธ์ถํ์ฌ ํผ๊ทธ๋ง ๋์์ธ ๋ฐ์ดํฐ๋ฅผ ์กฐํํ๋ค.
์์ด์ ํธ์ ํผ๊ทธ๋ง URL์ ๊ทธ๋๋ก ์ ๋ฌํ๋ค.
figma-analyzer์ ๋ถ์ ๊ฒฐ๊ณผ๋ฅผ ๋ฐํ์ผ๋ก TEMPLATE.md ๊ตฌ์กฐ์ ๋ฐ๋ผ ๊ณํ์๋ฅผ ์์ฑํ๋ค. PRINCIPLES.md์ 6๊ฐ์ง ์์น์ ์ค์ํ๋ค.
CHECKLIST.md์ ํญ๋ชฉ์ผ๋ก ๊ณํ์๋ฅผ ๊ฒ์ฆํ๋ค. (์ฐธ์กฐ ๋์กฐ ๊ฒ์ฆ ์น์ ์ ๊ฑด๋๋ด๋ค โ figma-plan์์๋ ํด๋น ์์) ์คํจ ํญ๋ชฉ์ด ์์ผ๋ฉด ์์ ํ ์ฌ๊ฒ์ฆํ๋ค.
๊ฒ์ฆ ํต๊ณผ ์ .claude/plans/design/{ํ์ด์ง๋ช
}-plan.md์ ์ ์ฅํ๋ค.
๋์ผ ํ์ด์ง์ ๋ํด figma-plan๊ณผ figma-reference-plan์ ๋์์ ์ฌ์ฉํ์ง ์๋๋ค. ์ฐธ์กฐ ์ฝ๋๊ฐ ์์ผ๋ฉด figma-plan, ์์ผ๋ฉด figma-reference-plan.