¿Qué hace design-from-code?
Diseña cambios de UI a partir del código fuente real: verifica datos, itera maquetas HTML fieles y delega. Un plugin de Claude Code y habilidad de Codex por nlook.me
Diseña cambios de UI a partir del código fuente real: verifica datos, itera maquetas HTML fieles y delega. Un plugin de Claude Code y habilidad de Codex por nlook.me
El skill `design-from-code` de nlook está diseñado para desarrolladores y agentes de IA que necesitan proponer, iterar y aplicar cambios de diseño de interfaz de usuario basándose directamente en el código fuente real de un proyecto. En lugar de trabajar con capturas de pantalla o descripciones vagas, el agente examina el código existente, extrae los datos subyacentes y la estructura del componente, y luego genera maquetas HTML fieles que reflejan con precisión el estado actual del sistema. Esto permite validar visualmente los cambios antes de implementarlos. Una vez que el diseño es aprobado, el skill delega la implementación real al flujo de trabajo normal de desarrollo, cerrando el ciclo entre diseño y código. Este skill es útil para mejorar la colaboración en equipos de producto y desarrollo, reducir la fricción entre diseño e implementación, y garantizar que los cambios de UI sean viables y precisos. Soporta agentes como Claude Code (mediante plugin) y Codex (como skill).
npx skills add nlook-service/design-from-codeDiseña cambios de UI a partir del código fuente real: verifica datos, itera maquetas HTML fieles y delega. Un plugin de Claude Code y habilidad de 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".