Florian Kiem
Design engineer. Writes on shipping WebGL and shader work inside real product UI.
2 agent skills · 1 tools
Agent skills
webgl-components
Always-on WebGL visuals that survive being rendered fifty times in a list.
One shared context blitted into cheap 2D canvases, one rAF loop, IntersectionObserver gating, mipmaps, and real optics instead of painted ones. The failure modes are predictable and nearly all come from treating the widget like a demo.
npx skills add https://github.com/flornkm/skills --skill webgl-components
prefer-container-queries
Container queries over viewport breakpoints for anything reusable.
A component should respond to the space it is given, not to the window. Enforces Tailwind container queries when writing or reviewing responsive code.
npx skills add https://github.com/flornkm/skills --skill prefer-container-queries
Tools
Gradient Border Plugin
Tailwind gradient borders via mask-composite.
Florian KiemCraftColorMirrors Tailwind's gradient utilities with from / via / to colour stops, configurable widths, and an animated variant.
https://gradient-border.floriankiem.com