Was macht DesignToCode?
Codex-Fähigkeit zur Umwandlung segmentierter Designbilder in hochwertigen UnoCSS-Seitencode.
Codex-Fähigkeit zur Umwandlung segmentierter Designbilder in hochwertigen UnoCSS-Seitencode.
Diese Fähigkeit (Skill) für Codex ermöglicht es, segmentierte Designbilder – also Screenshots oder UI-Komponenten, die in einzelne Teile zerlegt wurden – direkt in hochwertigen, funktionalen UnoCSS-Seitencode zu konvertieren. Entwickler können damit visuelle Designs schnell und präzise in responsive Webseiten umsetzen, ohne manuell CSS oder HTML schreiben zu müssen. Die Fähigkeit nutzt UnoCSS, ein Utility-First-CSS-Framework, um konsistente und wartbare Styles zu generieren. Sie ist besonders nützlich für Workflows, bei denen Designs aus Tools wie Figma oder Sketch exportiert und dann von KI-gestützten Coding-Agenten wie Codex automatisch in Code übersetzt werden sollen, was die Lücke zwischen Design und Entwicklung drastisch verkürzt.
npx skills add fitoe/DesignToCodeCodex-Fähigkeit zur Umwandlung segmentierter Designbilder in hochwertigen UnoCSS-Seitencode.
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".