shadcn-labs/snapcn
design-system
How a snapcn component is allowed to look. READ THIS BEFORE you write a colour, a border, a shadow, a radius or a font stack into a registry component. snapcn ships a shadcn design system (SnapCnTheme) and a tier of shadcn UI primitives (snap-cn-ui) — components compose them, they do not re-invent them. Explains which tokens exist, how to resolve them, how to reuse a primitive's own surface instead of hand-rolling one, and why var(--token) does not survive a Remotion render. Triggers - color, colour, hex, rgba, box-shadow, drop shadow, border, hairline, radius, surface, background, theme, dark mode, styling a component, "looks wrong on white", "the shadow is bad", shadcn, Input, Button, Card.
Installation
npx skills add https://github.com/shadcn-labs/snapcn
Similar popular skills
Related neighbors and high-traction skills in the same topics — useful to compare before installing.
Browser automation CLI for AI agents. Use when the user needs to interact with websites, includ…
11.9K installsGuidance for distinctive, intentional visual design when building new UI or reshaping an existi…
4.3K installsReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "chec…
4.7K installsBuild, deploy, evaluate, optimize, fine-tune, and manage Microsoft Foundry agents, models, and …
1.7K installsDebug Azure production issues on Azure using AppLens, Azure Monitor, resource health, and safe …
1.6K installsExecute Azure deployments for ALREADY-PREPARED applications that have existing .azure/deploymen…
1.5K installsAlso in this package
Other skills from shadcn-labs/snapcn · top by installs.
npx skills add shadcn-labs/snapcn
More details
Agent compatibility
Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.