vibe-customize
Installation
SKILL.md
/vibe-customize
Customize your app's UI while maintaining visual consistency between ibl.ai and shadcn components.
Brand Values
| Token | Value | Usage |
|---|---|---|
| Primary | #0058cc |
Brand blue -- buttons, links, active states |
| Primary Light | #00b0ef |
Sky blue -- gradient start, highlights |
| Primary Dark | #004499 |
Deep blue -- hover states |
| Gradient | linear-gradient(135deg, #00b0ef, #0058cc) |
Signature gradient |
| Button | from-[#2563EB] to-[#93C5FD] |
Button gradient (Tailwind) |
Adding shadcn/ui Components
npx shadcn@latest add button card dialog form input table tabs