create-element
✓Créez de nouveaux éléments d’interface utilisateur pour le registre tryelements.dev. À utiliser lorsque : (1) Ajout de nouveaux composants d'interface utilisateur (boutons, entrées, cartes), (2) Création de composants d'intégration (Clerk, Stripe, Uploadthing), (3) Création d'éléments liés au thème, (4) Tout composant de registre de style shadcn. IMPORTANT : pour les composants de logo avec des variantes (icône/mot-symbole/logo + sombre/clair), utilisez plutôt la compétence logo avec variantes. Cette compétence inclut l'échafaudage, le schéma de registre et les modèles de composants. Utilisez TOUJOURS Context7 MCP pour récupérer les derniers documents de dépendance avant l'implémentation.
Installation
SKILL.md
Before implementing any component with external dependencies, fetch the latest documentation:
| radix-ui | Primitives (Dialog, Dropdown, Tabs, Select) | | next-themes | Theme provider, useTheme hook, hydration | | cmdk | Command palette patterns | | class-variance-authority | CVA variant patterns | | embla-carousel-react | Carousel implementation | | lucide-react | Icon usage patterns |
| registry:ui | button, card, input | Base UI primitives | | registry:block | theme-switcher, polar-checkout | Feature-complete blocks | | registry:example | button-demo | Usage examples |
Créez de nouveaux éléments d’interface utilisateur pour le registre tryelements.dev. À utiliser lorsque : (1) Ajout de nouveaux composants d'interface utilisateur (boutons, entrées, cartes), (2) Création de composants d'intégration (Clerk, Stripe, Uploadthing), (3) Création d'éléments liés au thème, (4) Tout composant de registre de style shadcn. IMPORTANT : pour les composants de logo avec des variantes (icône/mot-symbole/logo + sombre/clair), utilisez plutôt la compétence logo avec variantes. Cette compétence inclut l'échafaudage, le schéma de registre et les modèles de composants. Utilisez TOUJOURS Context7 MCP pour récupérer les derniers documents de dépendance avant l'implémentation. Source : crafter-station/elements.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/crafter-station/elements --skill create-element- Source
- crafter-station/elements
- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que create-element ?
Créez de nouveaux éléments d’interface utilisateur pour le registre tryelements.dev. À utiliser lorsque : (1) Ajout de nouveaux composants d'interface utilisateur (boutons, entrées, cartes), (2) Création de composants d'intégration (Clerk, Stripe, Uploadthing), (3) Création d'éléments liés au thème, (4) Tout composant de registre de style shadcn. IMPORTANT : pour les composants de logo avec des variantes (icône/mot-symbole/logo + sombre/clair), utilisez plutôt la compétence logo avec variantes. Cette compétence inclut l'échafaudage, le schéma de registre et les modèles de composants. Utilisez TOUJOURS Context7 MCP pour récupérer les derniers documents de dépendance avant l'implémentation. Source : crafter-station/elements.
Comment installer create-element ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/crafter-station/elements --skill create-element Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/crafter-station/elements
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01