O que design-from-code faz?
Projete alterações de UI a partir do código fonte real — verifique dados, itere maquetes HTML fiéis e delegue. Um plugin para Claude Code e skill para Codex por nlook.me
Projete alterações de UI a partir do código fonte real — verifique dados, itere maquetes HTML fiéis e delegue. Um plugin para Claude Code e skill para Codex por nlook.me
Esta skill permite que agentes de IA (como Claude Code e Codex) projetem alterações de interface do usuário diretamente a partir do código fonte real de um projeto. Em vez de criar mockups imprecisos ou genéricos, a skill acessa o código existente, extrai dados reais e gera HTML fiel ao estado atual do sistema. O desenvolvedor pode iterar rapidamente sobre as maquetes, ajustando-as visualmente, e a skill pode então delegar a implementação das mudanças para o agente ou ferramenta apropriada. É útil para acelerar o ciclo de design-para-desenvolvimento, garantindo que as alterações de UI sejam baseadas em dados e estrutura reais, reduzindo erros e retrabalho. Suporta os ecossistemas Claude Code (como plugin) e Codex (como skill).
npx skills add nlook-service/design-from-codeProjete alterações de UI a partir do código fonte real — verifique dados, itere maquetes HTML fiéis e delegue. Um plugin para Claude Code e skill para Codex por nlook.me
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".