메뉴
Parse Figma design files into structured screen hierarchies. Use when working with Figma API, extracting text/labels from design nodes, traversing node trees, detecting cover frames, or parsing screen IDs (AUTO_0001, PSET_0002, etc.).
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | figma-design-parser |
| description | Parse Figma design files into structured screen hierarchies. Use when working with Figma API, extracting text/labels from design nodes, traversing node trees, detecting cover frames, or parsing screen IDs (AUTO_0001, PSET_0002, etc.). |
Figma 디자인 파일을 구조화된 스크린 계층으로 파싱하는 전문 스킬입니다.
{PREFIX}_{4자리숫자}[_suffix]AUTO_0001, PSET_0002_1, LINK_0003_ㅅFRAME → 스크린 컨테이너
TEXT → 텍스트 콘텐츠
GROUP → 그룹화된 요소
COMPONENT → 재사용 컴포넌트
INSTANCE → 컴포넌트 인스턴스
Manage centralized domain constants and configuration in the project. Use when adding new status types, modifying UI labels, updating color schemes, or creating configuration objects for domain entities.
Integrate Google Gemini API for AI-powered QA checklist generation and structured output. Use when working with Gemini API calls, generating QA checklists from design specs, parsing AI responses, or implementing structured output with JSON schema.
Implement localStorage persistence in Next.js 14 App Router with SSR-safe patterns. Use when storing data in localStorage, handling hydration errors, implementing state persistence, or creating type-safe storage utilities.
Build React Portal-based dropdown, modal, and overlay components. Use when creating dropdown menus, select components, modals, tooltips, or any UI that needs to escape overflow containers. Includes positioning, scroll handling, keyboard navigation, and accessibility patterns.
Manage QA test case workflows, status transitions, and verification checklists. Use when working with QA status states (Reviewing, DevError, ProdError, DevDone, ProdDone, Hold, Rejected, Duplicate), progress tracking (Waiting, Checking, Working, DevDeployed, ProdDeployed), activity logging, or test case management.
Implement WBS (Work Breakdown Structure) and Gantt chart functionality. Use when working with task scheduling, date range calculations, drag-and-drop timeline interactions, or project planning features.