DesignToCode은(는) 무엇을 하나요?
분할된 디자인 이미지를 고품질 UnoCSS 페이지 코드로 변환하는 Codex 스킬입니다.
분할된 디자인 이미지를 고품질 UnoCSS 페이지 코드로 변환하는 Codex 스킬입니다.
이 스킬은 디자인 이미지(예: 피그마, 스케치, XD 등에서 분할된 UI 섹션)를 입력받아 UnoCSS 유틸리티 클래스 기반의 고품질 페이지 코드를 자동 생성합니다. UnoCSS의 원자 CSS 접근 방식을 활용하여 일관된 스타일링과 반응형 디자인을 구현하며, Tailwind CSS와 유사한 문법을 지원합니다. 개발자는 복잡한 UI 레이아웃을 수동으로 코딩할 필요 없이 디자인 시스템과 일치하는 깔끔하고 유지보수 가능한 코드를 빠르게 얻을 수 있습니다. 주로 Cursor, Codex 등 AI 코딩 도우미에서 사용되며, Vue, React 등 주요 프레임워크와 호환됩니다.
npx skills add fitoe/DesignToCode분할된 디자인 이미지를 고품질 UnoCSS 페이지 코드로 변환하는 Codex 스킬입니다.
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".