Was macht variant?
Erstellt mehrere Varianten einer Komponente, an der du arbeitest, und hilft dir, zu iterieren und eine auszuwählen.
Erstellt mehrere Varianten einer Komponente, an der du arbeitest, und hilft dir, zu iterieren und eine auszuwählen.
Die Fähigkeit „jakubkrehel/variant“ ermöglicht es einem KI-Agenten, während der Entwicklung einer Komponente mehrere visuelle oder strukturelle Varianten gleichzeitig zu erstellen. Dies ist besonders nützlich für UI-Design- und Frontend-Iterationen, da du verschiedene Ansätze parallel ausprobieren kannst, ohne den Überblick zu verlieren. Der Agent erstellt jede Variante als separate Version der Komponente, speichert sie im Projektverzeichnis oder in einem eigenen Modul und präsentiert sie dir, damit du die beste auswählen kannst. Der Entwickler kann dann die ausgewählte Variante integrieren oder den Agenten bitten, die nicht benötigten zu verwerfen. Dies beschleunigt den kreativen Prozess und stellt sicher, dass du dich frühzeitig auf eine Richtung festlegst. Unterstützt wird die Fähigkeit auf allen wichtigen KI-Agenten-Plattformen wie Claude Code, Cursor und Codex.
npx skills add https://github.com/jakubkrehel/skills/tree/main/skills/variantErstellt mehrere Varianten einer Komponente, an der du arbeitest, und hilft dir, zu iterieren und eine auszuwählen.
This repo contains 7 individual skills — each has its own dedicated page.
Helps with grouping, alignment, reading order, progressive disclosure and other details that make a good layout.
Focuses on type scale, spacing, sizing, variable fonts, OpenType features, wrapping, truncation and other details that make typography feel great across your product.
Polishes and improves the UI in your project. Covers concentric border radius, optical alignment, surface depth, contextual icons, hit areas and more.
Focuses on improving product copy in your project.
Renders a component you choose in every state and scenario on a temporary page and stress tests it.
Helps you figure out how something was built on the web.
Reviews your work across multiple categories like UI, typography, layout, color, writing and accessibility and gives you a detailed analysis of the findings.
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".