Frontend & Design · flornkm/personal-site

Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" →…

flornkm/personal-site

Apple's approach to interface design and fluid, physical motion, translated for the web.

flornkm/personal-site

ALWAYS ACTIVE. An agent skill from flornkm/personal-site.

flornkm/personal-site

Keep JSX and component logic clean by minimizing inline ternaries, nested conditionals, and stringified conditional classes.

flornkm/personal-site

How to build UI in this repo — compose classes with cn, use the CSS-variable design tokens (never raw hex/px), reuse the typographic and ui/ primitives, and define variants with cva like the…

flornkm/personal-site

Enforce Tailwind container queries over viewport breakpoints for responsive components.

flornkm/personal-site

Replaces border-plus-shadow combinations on cards, dialogs and other elevated surfaces with the smooth-shadow-ring utilities from the Tailwind shadow-plugin.

flornkm/personal-site

Create or update the small symbol icon shown for a writing/blog post on the /writing grid.

flornkm/personal-site