mcpField
W
w-shadcn

w-shadcn

github.com/blockmatic-iceboxDesign & UI1647 installsUpdated 4w ago
Repository

About w-shadcn

w-shadcn is a workflow skill for installing or extending shadcn primitives in a shared UI package. It guides component imports and composition, and directs screen-level redesigns to `/w-ui`.

Key features

  1. 01Install or extend shadcn primitives
  2. 02Use the shared UI package
  3. 03Follow component import conventions
  4. 04Compose with render and data attributes
  5. 05Run lint on changed files

Use cases

  1. 01Add a shadcn primitive to a project
  2. 02Extend an existing shared UI component
  3. 03Update a screen after adding a component

MCP support

It uses shadcn MCP only when variant details are unclear or an installation error occurs.

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/blockmatic-icebox/basilic-skills --skill w-shadcn

After installing, type/w-shadcnin Claude Code to confirm it loaded.

Details

From the project README

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.

Comments

Markdown supported