¿Qué hace variant?
Construye múltiples variantes de un componente en el que estás trabajando y te ayuda a iterar y elegir una.
Construye múltiples variantes de un componente en el que estás trabajando y te ayuda a iterar y elegir una.
Esta habilidad te permite generar y comparar múltiples variantes de un componente de interfaz de usuario en el que estás trabajando. Al ejecutar `jakubkrehel/variant`, el agente de IA crea automáticamente varias versiones diferentes del mismo componente, cada una con variaciones en diseño, estilo o comportamiento. Luego, te presenta estas opciones para que puedas iterar sobre ellas, perfeccionar las que te gustan y finalmente seleccionar la mejor. Es ideal para desarrolladores que usan asistentes de IA como Claude Code, Cursor o Codex, ya que acelera el proceso de exploración de diseño sin necesidad de cambiar de contexto. La habilidad es útil para prototipado rápido, pruebas A/B de componentes o cuando no estás seguro de qué enfoque visual tomar.
npx skills add https://github.com/jakubkrehel/skills/tree/main/skills/variantConstruye múltiples variantes de un componente en el que estás trabajando y te ayuda a iterar y elegir una.
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".