snapcndev/snapcn

1

snapcn Build Remotion videos with snapcn — a shadcn registry of copy-paste animation components and timeline-driven UI primi…

snapcndev/snapcn

55

2

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 fon…

snapcndev/snapcn

20

3

interactivity-best-practices Best practices for writing Remotion animations that stay intuitive for coding agents and remain editable in Remotion …

snapcndev/snapcn

20

4

motion-quality Hard-won, measured rules for animating text and shipping registry components in snapcn. READ THIS BEFORE you animate …

snapcndev/snapcn

20

5

ux-ui-maxpro Replicate a reference UI pixel-for-pixel and build polished, token-driven site chrome. Use when the task is to match …

snapcndev/snapcn

20

6

animation-vocabulary Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the …

snapcndev/snapcn

1

7

apple-design Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewi…

snapcndev/snapcn

1

8

emil-design-eng Emil Kowalski's design-engineering philosophy on UI polish, component design, and the invisible details that make sof…

snapcndev/snapcn

1

9

find-animation-opportunities Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it…

snapcndev/snapcn

1

10

improve-animations Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-c…

snapcndev/snapcn

1

11

review-animations Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy…

snapcndev/snapcn

1