--- name: figma-to-inline-svg description: Figma 디자인을 인라인 SVG가 포함된 정적 HTML\/CSS로 변환합니다. 런타임에서 색상 제어가 필요한 심볼\/아이콘용입니다. Use when converting Figma SVG designs to inline SVG HTML for runtime color control, symbol state components, or icon theming. --- # Figma to Inline SVG 변환 Figma 디자인을 **인라인 SVG가 포함된 정적 HTML\/CSS**로 변환하는 Skill입니다. 런타임에서 색상 제어가 필요한 심볼, 아이콘, 상태 표시 컴포넌트용입니다. 스크립트 작업은 하지 않습니다 (순수 퍼블리싱). --- ## ⚠️ 작업 전 필수 확인 **코드 작성 전 반드시 다음 파일들을 Read 도구로 읽으세요.** **이전에 읽었더라도 매번 다시 읽어야 합니다 - 캐싱하거나 생략하지 마세요.** 1. [\/Figma_Conversion\/README.md](\/Figma_Conversion\/README.md) - 프로젝트 구조 및 시작 방법 2. [\/Figma_Conversion\/CLAUDE.md](\/Figma_Conversion\/CLAUDE.md) - 워크플로우와 규칙 3. [\/.claude\/guides\/CODING_STYLE.md](\/.claude\/guides\/CODING_STYLE.md) - 코딩 스타일 --- ## figma-to-html과의 차이점 | 구분 | figma-to-html | figma-to-inline-svg | |------|---------------|---------------------| | **SVG 처리** | `

` | ` 대신

<\/div>