Extrahiere das vollständige Designsystem jeder Website mit einem einzigen Befehl. DTCG-Tokens, semantisch+primitiv+komposit, MCP-Server für Claude Code/Cursor/Windsurf, Multi-Plattform-Emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma-Variablen, shadcn/ui, CSS-Gesundheitsaudit, WCAG-Sanierung, Chrome-Erweiterung. MIT, Playwright, Node 20+.
Dieses Skill ermöglicht es dir, das vollständige Designsystem jeder Website mit einem einzigen Befehl zu extrahieren. Es ist besonders nützlich für Entwickler und Designer, die Designsysteme analysieren, migrieren oder auf andere Plattformen übertragen müssen. Das Skill unterstützt eine Vielzahl von Plattformen und Tools, darunter Claude Code, Cursor, Windsurf (über MCP-Server), und emittiert Design-Tokens in Formaten wie DTCG (Design Tokens Community Group), semantische, primitive und composite Tokens. Es kann Tailwind v4-Konfigurationen, Figma-Variablen shadcn/ui-Komponenten extrahieren, CSS-Gesundheitsaudits durchführen WCAG-Konformitätsprobleme identifizieren und beheben. Die extrahierten Daten können in native Frameworks wie iOS SwiftUI, Android Compose, Flutter und WordPress exportiert werden. Das Tool ist in Node.js 20+ mit Playwright implementiert und unter der MIT-Lizenz verfügbar. Es bietet auch eine Chrome-Erweiterung für die einfache Nutzung im Browser.
npx skills add Manavarya09/design-extractExtrahiere das vollständige Designsystem jeder Website mit einem einzigen Befehl. DTCG-Tokens, semantisch+primitiv+komposit, MCP-Server für Claude Code/Cursor/Windsurf, Multi-Plattform-Emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma-Variablen, shadcn/ui, CSS-Gesundheitsaudit, WCAG-Sanierung, Chrome-Erweiterung. MIT, Playwright, Node 20+.
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".