variant は何をしますか?
作業中のコンポーネントの複数のバリアントを構築し、反復と選択を支援します。
作業中のコンポーネントの複数のバリアントを構築し、反復と選択を支援します。
このスキルは、開発者が作業中のコンポーネントに対して複数のデザインバリアントや実装バリアントを迅速に生成し、それらを比較・反復できるようにします。主にClaude CodeやCursor、CodexなどのAIエージェント上で動作し、ユーザーが「このコンポーネントの3つの異なるスタイルを作成して」といった自然言語の指示を出すと、コードベースを分析し、実際に動作するバリアントを生成します。各バリアントはプロジェクトの構造に応じて分離して保存されるため、後で簡単に切り替えたり、選択したものを採用したりできます。このアプローチにより、従来の手動ブランチングやコピー・アンド・ペーストに比べて、実験と意思決定のサイクルが大幅に高速化されます。React、Vue、Angularなど、あらゆるフロントエンドフレームワークと互換性があり、ファイルシステムベースの操作を通じてプロジェクトの既存のコーディング規約を尊重します。
npx skills add https://github.com/jakubkrehel/skills/tree/main/skills/variant作業中のコンポーネントの複数のバリアントを構築し、反復と選択を支援します。
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".