·shadcn

Cómo trabajar eficazmente con componentes shadcn/ui, utilícelo siempre al agregar componentes de UI

18Instalaciones·0Tendencia·@markhamsquareventures

Instalación

$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';

Cómo trabajar eficazmente con componentes shadcn/ui, utilícelo siempre al agregar componentes de UI Fuente: markhamsquareventures/essentials.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/markhamsquareventures/essentials --skill shadcn
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es shadcn?

Cómo trabajar eficazmente con componentes shadcn/ui, utilícelo siempre al agregar componentes de UI Fuente: markhamsquareventures/essentials.

¿Cómo instalo shadcn?

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

Detalles

Categoría
*Creatividad
Fuente
skills.sh
Primera vez visto
2026-02-01