Shade new component
Installation
SKILL.md
Shade — new component / pattern checklist
Before marking a Shade component or pattern done, this checklist must pass.
Files and naming
- File: kebab-case (
dropdown-menu.tsx) — matches ShadCN CLI output. Don't rename for casing. - Exported identifier: PascalCase (
DropdownMenu). - Hooks, functions, variables: camelCase.
- Sibling
<name>.stories.tsxis required (same folder). - Inside Shade itself, import via the
@/alias (@/lib/utils,@/components/ui/input-surface).