Eine KI-Agenten-Fertigkeit für Claude Code, die automatisch Designsysteme aus Codebasen extrahiert. Erzeugt ein einziges, ausführungsbereites Figma-Skript, das Tokens, Komponenten und Frames mit 1:1-Genauigkeit rekonstruiert.
Diese Fertigkeit wandelt bestehende Codebasen in vollständige Figma-Designsysteme um. Sie analysiert CSS, Tailwind-Konfigurationen, Theme-Objekte und Komponentenbibliotheken, um Styling-Tokens, UI-Komponenten und Layout-Frames automatisch zu extrahieren. Das Ergebnis ist ein einziges, optimiertes Figma-Skript, das direkt in der Figma-Plugin-Umgebung ausgeführt werden kann, ohne manuelle Anpassungen. Unterstützt werden Technologien wie React, Vue, Angular und Tailwind CSS. Dies spart Entwicklern und Designern Stunden mühsamer Handarbeit und gewährleistet pixelgenaue Übereinstimmung zwischen Code und Design.
npx skills add PatNoO/design-extractorEine KI-Agenten-Fertigkeit für Claude Code, die automatisch Designsysteme aus Codebasen extrahiert. Erzeugt ein einziges, ausführungsbereites Figma-Skript, das Tokens, Komponenten und Frames mit 1:1-Genauigkeit 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".