w-shadcn

blockmatic/basilic-skills/w-shadcn

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

Installs · 405View source

Installation

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

Skill files

SKILL.md

Last synced · Sep 21, 2026

SKILL.md›

---
name: w-shadcn
description: Install shadcn/w-ui primitives in the shared UI package using monorepo import paths.
disable-model-invocation: true
---

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.