Hi-Fidelity-Design은(는) 무엇을 하나요?
Claude Code 스킬: 고충실도 디자인↔구현 감사(픽셀 차이 대신 요소별 숫자 델타). 불변 코어 + 교체 가능한 어댑터(IDML/Figma/PDF/PNG ↔ DOM).
Claude Code 스킬: 고충실도 디자인-구현 감사(픽셀 차이 대신 요소별 숫자 델타). 불변 코어 + 교체 가능한 어댑터(IDML/Figma/PDF/PNG ↔ DOM).
이 스킬은 Claude Code에서 디자인과 구현 간의 충실도를 숫자 기반 요소별 델타로 감사합니다. 픽셀 단위 비교가 아닌, 각 디자인 요소(크기, 위치, 색상, 간격 등)의 정확한 수치 차이를 측정하여 정밀한 디자인-구현 일치성을 보장합니다. 불변 코어(Invariant Core)를 기반으로 하여, 다양한 디자인 소스(IDML, Figma, PDF, PNG)와 DOM(웹 구현) 사이를 자유롭게 연결할 수 있는 교체 가능한 어댑터(Swappable Adapters) 구조를 제공합니다. 이를 통해 개발자와 디자이너는 일관된 품질 기준으로 구현물을 검증하고, 구체적인 수치 피드백을 통해 빠르게 수정할 수 있습니다. Claude Code 환경에서 직접 실행되며, CI/CD 파이프라인에 통합하여 지속적인 디자인 QA(품질 보증)를 수행할 수 있습니다.
npx skills add gbechtold/Hi-Fidelity-DesignClaude Code 스킬: 고충실도 디자인↔구현 감사(픽셀 차이 대신 요소별 숫자 델타). 불변 코어 + 교체 가능한 어댑터(IDML/Figma/PDF/PNG ↔ DOM).
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".