Was macht ui-from-references?
Agent-Fähigkeit: Referenzen in React+Tailwind UI umwandeln – ganz ohne Figma.
Agent-Fähigkeit: Referenzen in React+Tailwind UI umwandeln – ganz ohne Figma.
Diese Skill ermöglicht es einem KI-Agenten, aus visuellen Referenzen (z.B. Screenshots, Bildern oder Mockups) direkt React-Komponenten mit Tailwind CSS zu generieren. Dazu analysiert der Agent die Referenzen, extrahiert das Layout, die Farben und die Struktur und erstellt daraus funktionsfähige UI-Komponenten. Der gesamte Prozess läuft ohne externe Design-Tools wie Figma ab – der Entwickler spart Zeit und bleibt vollständig im Code-Workflow. Ideal für schnelles Prototyping, Design-Übergaben oder das Nachbauen von UI-Ideen direkt im Projekt.
npx skills add jetray33/ui-from-referencesAgent-Fähigkeit: Referenzen in React+Tailwind UI umwandeln – ganz ohne Figma.
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".