·shadcn

Comment travailler efficacement avec les composants shadcn/ui, toujours utiliser lors de l'ajout de composants d'interface utilisateur

18Installations·0Tendance·@markhamsquareventures

Installation

$npx skills add https://github.com/markhamsquareventures/essentials --skill shadcn

SKILL.md

This project uses shadcn/ui with the New York style variant. Components are built on Radix UI primitives with Tailwind CSS styling.

Do NOT manually create shadcn components - always use the CLI to ensure correct styling and dependencies.

import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card';

Comment travailler efficacement avec les composants shadcn/ui, toujours utiliser lors de l'ajout de composants d'interface utilisateur Source : markhamsquareventures/essentials.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/markhamsquareventures/essentials --skill shadcn
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que shadcn ?

Comment travailler efficacement avec les composants shadcn/ui, toujours utiliser lors de l'ajout de composants d'interface utilisateur Source : markhamsquareventures/essentials.

Comment installer shadcn ?

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/markhamsquareventures/essentials --skill shadcn 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/markhamsquareventures/essentials

Détails

Catégorie
*Créativité
Source
skills.sh
Première apparition
2026-02-01