Crea componenti del logo con più varianti (icona, marchio denominativo, logo) e modalità chiaro/scuro. Da utilizzare quando l'utente fornisce file SVG del logo e desidera creare un componente del logo basato su varianti seguendo il modello Clerk nel progetto Elements.
Installa rapidamente la skill AI logo-with-variants nel tuo ambiente di sviluppo tramite riga di comando
Fonte: crafter-station/elements.
Creates logo components with variant support following the established pattern in Elements codebase.
Reference implementation: Check src/components/ui/logos/clerk.tsx for the exact pattern to follow.
CRITICAL: The variants array MUST list ALL combinations explicitly in {base}-{mode} format (e.g., "icon-dark", "logo-light"). This is what makes the variant count badge (e.g., "6") appear correctly in the UI. Do NOT just list base names like ["icon", "logo", "wordmark"].
Crea componenti del logo con più varianti (icona, marchio denominativo, logo) e modalità chiaro/scuro. Da utilizzare quando l'utente fornisce file SVG del logo e desidera creare un componente del logo basato su varianti seguendo il modello Clerk nel progetto Elements. Fonte: crafter-station/elements.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/crafter-station/elements --skill logo-with-variantsCrea componenti del logo con più varianti (icona, marchio denominativo, logo) e modalità chiaro/scuro. Da utilizzare quando l'utente fornisce file SVG del logo e desidera creare un componente del logo basato su varianti seguendo il modello Clerk nel progetto Elements. Fonte: crafter-station/elements.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/crafter-station/elements --skill logo-with-variants Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/crafter-station/elements