Que fait design-first-frontend ?
Plugin de compétence Codex pour l'implémentation frontend pilotée par génération d'images, du design au code.
Plugin de compétence Codex pour l'implémentation frontend pilotée par génération d'images, du design au code.
Ce skill est un plugin exclusif pour Codex (utilisé dans des environnements comme Claude Code, Cursor ou Codex) qui transforme des designs d'interface générés par images en code frontend. Il permet aux développeurs de décrire visuellement ou via une maquette l'interface souhaitée, puis le skill génère automatiquement le code HTML, CSS, JavaScript ou React correspondant. L'approche 'design-first' accélère le développement en éliminant la phase manuelle de découpage visuel. Il est particulièrement utile pour les prototypes rapides ou les intégrations pixel-perfect, et fonctionne en analysant les indications visuelles fournies par l'utilisateur pour produire un code propre et structuré.
npx skills add whmc76/design-first-frontendPlugin de compétence Codex pour l'implémentation frontend pilotée par génération d'images, du design au code.
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".