O que variant faz?
Constrói múltiplas variantes de um componente em que você está trabalhando e ajuda a iterar e escolher uma.
Constrói múltiplas variantes de um componente em que você está trabalhando e ajuda a iterar e escolher uma.
A habilidade 'jakubkrehel/variant' permite que você crie e gerencie múltiplas variantes de um componente durante o desenvolvimento. Ela é útil para explorar diferentes abordagens de design ou implementação, facilitando a iteração e a seleção da melhor opção. Suportada em plataformas como Claude Code, Cursor e Codex, a habilidade utiliza um fluxo de trabalho baseado em prompts para gerar as variantes e acompanhar o progresso. Ao final, você pode comparar as variantes e escolher aquela que melhor atende aos requisitos do projeto.
npx skills add https://github.com/jakubkrehel/skills/tree/main/skills/variantConstrói múltiplas variantes de um componente em que você está trabalhando e ajuda a iterar e escolher uma.
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".