logo-with-variants
✓Cree componentes de logotipo con múltiples variantes (icono, marca denominativa, logotipo) y modos claro/oscuro. Úselo cuando el usuario proporciona archivos SVG de logotipo y desea crear un componente de logotipo basado en variantes siguiendo el patrón Clerk en el proyecto Elements.
Instalación
SKILL.md
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"].
Cree componentes de logotipo con múltiples variantes (icono, marca denominativa, logotipo) y modos claro/oscuro. Úselo cuando el usuario proporciona archivos SVG de logotipo y desea crear un componente de logotipo basado en variantes siguiendo el patrón Clerk en el proyecto Elements. Fuente: crafter-station/elements.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/crafter-station/elements --skill logo-with-variants- Fuente
- crafter-station/elements
- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es logo-with-variants?
Cree componentes de logotipo con múltiples variantes (icono, marca denominativa, logotipo) y modos claro/oscuro. Úselo cuando el usuario proporciona archivos SVG de logotipo y desea crear un componente de logotipo basado en variantes siguiendo el patrón Clerk en el proyecto Elements. Fuente: crafter-station/elements.
¿Cómo instalo logo-with-variants?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/crafter-station/elements --skill logo-with-variants Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/crafter-station/elements
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01