Mode d’emploi
- Copiez la commande et examinez le paquet avant de l’installer dans votre environnement agent.
- Consultez le document original pour les outils, identifiants et environnements requis.
- Décrivez les entrées et le livrable souhaité ; comparez la sortie aux sources.
npx skills add https://github.com/noklip-io/agent-skills --skill shadcn-baseAvant de commencer
- L’installation n’inclut ni abonnement au modèle, ni quota API, ni accès aux fichiers.
- Étoiles et installations reflètent l’activité, pas un test indépendant de qualité ou de sécurité.
Document Skill original
Rendu depuis le dépôt source en conservant titres, exemples, code, tableaux, liens et images.
shadcn/ui (Base UI) — shadcn-base
Overview
This skill documents the Base UI version of shadcn/ui. Use it to navigate the official Base UI docs and the shadcn/ui Base UI component pages.
shadcn/ui is not headless. It provides styled, copy-and-own components built on top of Base UI’s headless primitives. Composition follows compound components, composition-over-inheritance, and variant-driven styling.
Primary docs:
- Docs entry point: https://ui.shadcn.com/docs
- Base UI project docs: https://base-ui.com
- Base UI skill: skills/base-ui
Important:
- Base UI vs Radix docs and the conversion rule are defined in
references/overview.md. Use that guidance instead of the Radix components index.
Start Here
- Read
references/overview.mdfor scope and doc entry points. - Use
references/components.mdto find the component you need. - Use
references/installation.mdorreferences/cli.mdto set up a project. - Use
references/theming.mdandreferences/dark-mode.mdfor design tokens. - Use
references/components-json.mdfor CLI config details. - Use
references/forms.mdfor field patterns andreferences/forms-integrations.mdfor form libs. - Use
references/registry.mdandreferences/registry-schema.mdfor registries. - Use
references/blocks.mdfor blocks workflows. - Use
references/composition-pattern.mdfor the composition paradigm and Base UI render rule. - Use
references/examples.mdfor render and useRender patterns. - Check
references/changelog.mdbefore shipping.
Composition Pattern (Short)
Base UI + shadcn/ui uses copy-and-own styled components on headless primitives, composed via compound subcomponents and render-prop substitution (render / useRender). Reference: references/composition-pattern.md.
Reference Map
references/overview.md: what shadcn/ui is and official doc entry points.references/components.md: full component list from llms.txt.references/installation.md: create/init and per-framework installation links.references/cli.md: CLI commands and options.references/components-json.md: components.json schema and key fields.references/theming.md: theming and design tokens.references/dark-mode.md: dark mode guidance and framework-specific pages.references/forms.md: field usage patterns and validation structure.references/forms-integrations.md: React Hook Form and TanStack Form pages.references/registry.md: registry docs.references/registry-schema.md: registry.json and registry-item.json schema details.references/blocks.md: blocks library workflows.references/composition-pattern.md: Base UI composition rule (render/useRender only).references/examples.md: render and useRender examples (Base UI).references/mcp.md: MCP server guidance.references/changelog.md: release notes.references/links.md: quick links index.
