Ein Agent-Skill (für Cursor / Claude Code / Codex), das UI-Screenshots in pixelgetreue, tatsächlich klickbare HTML-Seiten umwandelt.
Dieser Skill verwandelt einen Screenshot einer Benutzeroberfläche in eine pixelgenaue, interaktive HTML-Seite, die als eigenständige Datei funktioniert. Er ist für KI-Agenten wie Cursor, Claude Code oder Codex konzipiert und ermöglicht die schnelle Rekonstruktion von UI-Designs aus visuellen Vorlagen. Der Skill generiert HTML und CSS, das den Screenshot exakt nachbildet, und fügt klickbare Elemente hinzu, sodass die Ausgabe nicht nur statisch aussieht, sondern auch tatsächlich interaktiv ist. Entwickler können damit Design-Reviews beschleunigen, Prototypen erstellen oder die visuelle Konsistenz sicherstellen, ohne manuell Code schreiben zu müssen. Der Skill unterstützt gängige Agent-Plattformen und arbeitet vollständig innerhalb der Entwicklungsumgebung.
npx skills add sevzq/screenshot-to-htmlGib einen Screenshot ein und erhalte eine pixelgetreue, tatsächlich klickbare HTML-Seite zurück – ein Agent-Skill (für Cursor / Claude Code / Codex), der UI-Screenshots als eigenständige, verifiziert-interaktive HTML-Dateien rekonstruiert.
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".