Was macht ui-skills?
Claude Code-Plugin, das jede Live-Website in produktionsreife React + Tailwind-Komponenten rückentwickelt – basierend auf tatsächlichen berechneten Stilen, nicht auf Screenshots.
Claude-Plugin, das jede Live-Website in produktionsreife React + Tailwind-Komponenten rückentwickelt – basierend auf tatsächlichen berechneten Stilen, nicht auf Screenshots.
Dieses Skill für Claude Code, genannt dididy/ui-skills, ermöglicht es, jede beliebige Live-Website in produktionsreife React-Komponenten mit Tailwind-CSS zu zerlegen – und zwar auf Basis der tatsächlich vom Browser berechneten Stile (Computed Styles), nicht nur auf Basis von Screenshots oder statischen HTML-Schnipseln. Es extrahiert die Stile, die der Browser tatsächlich rendert, und wandelt sie in exakte, modulare React-Komponenten mit korrekten Tailwind-Klassen um. Das Skill unterstützt Entwickler dabei, existierende UI-Muster schnell zu analysieren, nachzubauen oder zu übernehmen, ohne manuell inspizieren zu müssen. Es eignet sich besonders für die Arbeit mit Claude Code, da es direkt im Entwicklungs-Workflow integriert ist und den Reverse-Engineering-Prozess vollständig automatisiert. Nützlich für schnelle UI-Rekonstruktion, Design-System-Erstellung oder Migration von bestehenden Webseiten zu React/Tailwind.
npx skills add dididy/ui-skillsClaude Code-Plugin, das jede Live-Website in produktionsreife React + Tailwind-Komponenten rückentwickelt – basierend auf tatsächlichen berechneten Stilen, nicht auf Screenshots.
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".