Extrahiere Design-Tokens (Farben, Typografie, Abstände, Rahmenradien, Schatten) von jeder öffentlichen Website. Generiert JSON und CSS-Custom-Properties für lokale Projekte. Verfügbar als KI-Agenten-Skill (Claude, Cursor, Codex) und eigenständiges CLI.
Dieser Skill ermöglicht es KI-Agenten wie Claude, Cursor und Codex, sowie Entwicklern über die Kommandozeile, automatisch Design-Tokens von jeder öffentlichen Website zu extrahieren. Dazu gehören Farben, Typografie, Abstände, Rahmenradien und Schatten. Die extrahierten Daten werden als JSON und CSS-Custom-Properties ausgegeben, die direkt in lokale Projekte integriert werden können. Die Funktionsweise basiert auf dem Crawlen der angegebenen URL, dem Parsen der Stylesheets und der Identifikation von CSS-Variablen und wiederverwendbaren Werten. Dies ist besonders nützlich für die Reverse-Engineering-Phase von Design-Systemen, um schnell konsistente Design-Grundlagen zu erhalten.
npx skills add arvindrk/extract-design-systemExtrahiere Design-Tokens (Farben, Typografie, Abstände, Rahmenradien, Schatten) von jeder öffentlichen Website. Generiert JSON und CSS-Custom-Properties für lokale Projekte. Verfügbar als KI-Agenten-Skill (Claude, Cursor, Codex) und eigenständiges CLI.
This repo contains 1 individual skill — each has its own dedicated page.
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".