O que DesignToCode faz?
Habilidade do Codex para transformar imagens de design segmentadas em código de página UnoCSS de alta fidelidade.
Habilidade do Codex para transformar imagens de design segmentadas em código de página UnoCSS de alta fidelidade.
O fitoe/DesignToCode é uma habilidade especializada para o Codex (ou agentes de IA similares) que converte imagens de design segmentadas (como recortes de um layout) em código de página funcional usando UnoCSS. Focando em alta fidelidade visual e eficiência, ele permite que desenvolvedores ou designers repliquem rapidamente interfaces a partir de imagens, mantendo responsividade e semântica no código gerado. A habilidade utiliza o framework de utilitários CSS UnoCSS, que oferece desempenho e personalização superiores, gerando classes e estrutura de página otimizadas. Suporta plataformas como Codex e é ideal para prototipagem rápida, conversão de designs em Figma ou outros editores para código real, reduzindo drasticamente o tempo de implementação manual. O SKILL.md descreve o fluxo de entrada (imagens segmentadas) e saída (código UnoCSS completo), com orientações sobre como preparar as imagens e interpretar o resultado, tornando-o uma ferramenta essencial para equipes de front-end que buscam acelerar o desenvolvimento.
npx skills add fitoe/DesignToCodeHabilidade do Codex para transformar imagens de design segmentadas em código de página UnoCSS de alta fidelidade.
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".