mcpField
W
w-shadcn

w-shadcn

github.com/blockmaticDesign & UI1647 installsUpdated 4w ago
Repository

About w-shadcn

w-shadcn is a repository skill for installing or extending shadcn primitives and coordinating component work with screen updates. It specifies package conventions, composition patterns, and when to run related UI and documentation skills.

Key features

  1. 01Install or extend shadcn primitives
  2. 02Use shared UI package conventions
  3. 03Compose with render and data attributes
  4. 04Run lint on changed files
  5. 05Route screen and docs work to related skills

Use cases

  1. 01Adding a shadcn primitive to the shared UI package
  2. 02Updating a screen after adding a component
  3. 03Checking component changes with lint
  4. 04Documenting changed behavior or commands

MCP support

It recommends using shadcn MCP 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/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