W Shadcn

blockmatic/basilic-skills/skills/workflow/w-shadcn

by blockmatic7e05e2abd052dc6b526e8a28e36d102d42bfd635No license1 starsListed Oct 9, 2026Updated Oct 9, 2026Repository updated 6 days ago

Install shadcn/w-ui primitives in the shared UI package using monorepo import paths.

Instructions onlySoftware Development
AI-generated overview

Installs or extends shadcn/w-ui UI primitives in a monorepo's shared UI package using correct import paths.

What it does
This skill guides the installation or extension of shadcn/w-ui primitives inside a monorepo's shared UI package, using the package location defined in components.json. It specifies the correct import paths, the required style setting, and composition conventions such as render with data-slot or data-open. It also directs follow-up work: reshaping screens with /w-ui, running lint on changed files, and updating docs when behavior or commands change.
When to use it
Use it when adding a new shadcn primitive or extending an existing one in the shared UI package. It is also relevant when import paths, component style, or composition conventions need to stay consistent with the monorepo setup.
Requirements
No scripts are included; it is instructions only. It assumes a monorepo with a shared UI package, a components.json file, and access to the shadcn MCP when variants are unclear or install errors occur. It also references companion skills /w-ui, /w-docs, and shadcn-v3.

Install or extend a shadcn primitive. Reshaping a screen stays on /w-ui. Follow shadcn-v3.

  1. Use shadcn MCP only when unsure about variants or when hitting an install error.
  2. Install in the shared UI package from components.json (Basilic example: packages/w-ui/src/components/).
  3. Import @repo/w-ui/components/* and that package’s cn. Rare primitives: @repo/w-ui/base (not @base-ui/react, not @radix-ui/*, not deleted @repo/w-ui/radix). Keep components.json "style": "base-vega". Compose with render + data-slot / data-open (not asChild / data-state).
  4. After the primitive exists, reshape screens with /w-ui if the job is a surface, not only a component. Run lint on the changed files.
  5. Docs: /w-docs if behavior or commands changed.

Source and attribution

Source:blockmatic/basilic-skillsinskills/workflow/w-shadcnat commit7e05e2a

License: No license

Content belongs to its original authors. SourceWeft indexes it from a public repository.

Report or request removal