feat: add shadcn/ui skill for AI-assisted component generation
Dieses Issue hat noch niemand übernommen.
Bewertung
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Anfängerfreundlichkeit
- 50/100
- Issue-Typ
- Feature
- Klarheit
- Größtenteils klar
- Aktivitätsstatus
- Ruhig
- Tech-Stack
- tailwindcss
- Bereich
- frontend
Rechercherichtung
Start by checking the existing component setup and whether components.json is present. Review how the shadcn skill uses shadcn info --json, then add the skill so AI assistants receive the repository's framework, Tailwind, aliases, components, and icon-library context; done means detection and context injection work as described.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
Summary
Add a shadcn/ui skill to give Claude Code (and other AI assistants) deep contextual knowledge of shadcn/ui components, patterns, and best practices when working in this repo.
What are shadcn skills?
Skills equip AI assistants with project-aware knowledge of shadcn/ui. They work by:
- Project detection — activates automatically when
components.jsonexists - Context injection — runs
shadcn info --jsonto gather project config (framework, Tailwind version, aliases, installed components, icon library) - Pattern enforcement — the AI follows shadcn/ui composition rules when generating code
This enables natural language requests like:
- "Add a login form with email and password fields"
- "Create a settings page with profile update functionality"
- "Build a dashboard with a sidebar, stats cards, and a data table"
Installation
pnpm dlx skills add shadcn/ui
Why
This project already uses Tailwind CSS and a component-based UI. Adding the shadcn skill would let AI assistants generate components that are consistent with shadcn/ui patterns, theming (CSS variables, OKLCH colors, dark mode), and the existing design system — reducing manual fixups after AI-generated code.
References
- Vorherrschende Sprache
- TypeScript
- Sterne
- 1.6k
- Forks
- 205
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Entwicklungsumgebung
- Kein Dockerfile und keine Docker-Compose-Datei
- Keine Pull-Request-Vorlage
- Beitragsleitfaden lesen
Erste Schritte
- Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
- Forken Sie das Repository und arbeiten Sie in einem Branch.
- Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.
Mehr aus CopilotKit/OpenGenerativeUI
-
Script dedup key truncation may cause collisionsEvtl. vergeben @saschabuehrle hat das vor 199 Tagen übernommen. Offenbug
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100
-
enhancement
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100
-
Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 48/100
CopilotKit/OpenGenerativeUI#87 · 2 Kommentare ·
-
Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 35/100
-
Edit existing HTML instead of regenerating from scratchEvtl. vergeben @jerelvelarde hat das vor 186 Tagen übernommen. Offen
Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 45/100
Alle Issues in CopilotKit/OpenGenerativeUI
Ähnliche Issues
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 66/100
cockpit-project/cockpit-machines#2835 ·
Maintainer antworten meist innerhalb von 2 Tagen
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100
cloudflare/kumo#866 ·
Maintainer antworten meist innerhalb von 1 Tag
-
area:connector bug
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 82/100
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 78/100
tester-army/e2e#1015 ·
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 62/100
Maintainer antworten meist innerhalb von 1 Tag