·styling-with-shadcn
*

styling-with-shadcn

mjunaidca/mjs-agent-skills

Erstellen Sie schöne, zugängliche Benutzeroberflächen mit Shadcn/UI-Komponenten in Next.js. Beim Erstellen verwenden Formulare, Dialoge, Tabellen, Seitenleisten oder beliebige UI-Komponenten. Deckt Installation, Komponente ab Muster, React-Hook-Form + Zod-Validierung und Einrichtung des Dunkelmodus. NICHT, wenn Sie Nicht-React-Anwendungen erstellen oder andere Komponentenbibliotheken verwenden.

5Installationen·0Trend·@mjunaidca

Installation

$npx skills add https://github.com/mjunaidca/mjs-agent-skills --skill styling-with-shadcn

SKILL.md

Build beautiful, accessible UIs with copy-paste components built on Radix UI and Tailwind CSS.

See references/component-examples.md for complete form with Select, Textarea.

See references/component-examples.md for full DataTable with sorting/pagination.

Erstellen Sie schöne, zugängliche Benutzeroberflächen mit Shadcn/UI-Komponenten in Next.js. Beim Erstellen verwenden Formulare, Dialoge, Tabellen, Seitenleisten oder beliebige UI-Komponenten. Deckt Installation, Komponente ab Muster, React-Hook-Form + Zod-Validierung und Einrichtung des Dunkelmodus. NICHT, wenn Sie Nicht-React-Anwendungen erstellen oder andere Komponentenbibliotheken verwenden. Quelle: mjunaidca/mjs-agent-skills.

Original anzeigen

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/mjunaidca/mjs-agent-skills --skill styling-with-shadcn
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist styling-with-shadcn?

Erstellen Sie schöne, zugängliche Benutzeroberflächen mit Shadcn/UI-Komponenten in Next.js. Beim Erstellen verwenden Formulare, Dialoge, Tabellen, Seitenleisten oder beliebige UI-Komponenten. Deckt Installation, Komponente ab Muster, React-Hook-Form + Zod-Validierung und Einrichtung des Dunkelmodus. NICHT, wenn Sie Nicht-React-Anwendungen erstellen oder andere Komponentenbibliotheken verwenden. Quelle: mjunaidca/mjs-agent-skills.

Wie installiere ich styling-with-shadcn?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/mjunaidca/mjs-agent-skills --skill styling-with-shadcn Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

https://github.com/mjunaidca/mjs-agent-skills