Was macht design-from-code?
Entwerfe UI-Änderungen basierend auf echtem Quellcode – überprüfe Daten, iteriere originalgetreue HTML-Mockups und delegiere. Ein Claude Code-Plugin und Codex-Skill von nlook.me
Entwerfe UI-Änderungen basierend auf echtem Quellcode – überprüfe Daten, iteriere originalgetreue HTML-Mockups und delegiere. Ein Claude Code-Plugin und Codex-Skill von nlook.me
Dieser Skill, nlook-service/design-from-code, ermöglicht es Entwicklern und KI-Agenten (wie Claude Code und Codex), UI-Änderungen direkt aus dem vorhandenen Quellcode zu entwerfen. Statt abstrakter Wireframes werden Daten aus der realen Codebasis überprüft und originalgetreue HTML-Mockups erstellt, die die tatsächliche Anwendung widerspiegeln. Der Workflow umfasst die iterative Verbesserung dieser Mockups und die anschließende Delegation der Implementierung. Dies reduziert Missverständnisse und beschleunigt den Design-Entwicklungs-Zyklus. Der Skill ist als Plugin für Claude Code und als Skill für Codex konzipiert, was eine nahtlose Integration in gängige Entwicklungsumgebungen ermöglicht.
npx skills add nlook-service/design-from-codeEntwerfe UI-Änderungen basierend auf echtem Quellcode – überprüfe Daten, iteriere originalgetreue HTML-Mockups und delegiere. Ein Claude Code-Plugin und Codex-Skill von 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".