Build an animated, generative gradient blur background using CSS clip-path polygons with multi-anchor morphing, DX controls, and zero external libs.
Interactive SVG Game Boy Component (Vue + Filters + Parallax)
Building an accessible, filter-rich, interactive SVG Game Boy in Vue with glow feedback, CRT mask, animated gradient, button micro-interactions, and tiny parallax.
CSS-Only Active States in a Nuxt Blog Carousel (Tailwind + :has + Arbitrary Variants)
How to build rich active/previous/next card states in a carousel using pure CSS with Tailwind's arbitrary variants (group selectors, :has, sibling combinators)—no extra watchers.
AI Meta-Prompting with HOP & LOP
Use Higher Order Prompts (HOP) and Lower Order Prompts (LOP) to structure agent context for more predictable, high-signal outputs.
Reusable Spotlight Effect Directive for Nuxt
Build a plug-and-play Vue directive that recreates Nuxt's spotlight cursor interaction for any element—accessible and performant.
Modern Motion in Nuxt with Motion.js
Practical patterns for building fluid, interruptible animations in Nuxt using Motion.js—focus on structure, performance, and accessibility.
Scroll-Driven SVG Path Animations
Create performant scroll-driven SVG path animations in Nuxt using IntersectionObserver + requestAnimationFrame—no heavy libs.
Improving DX with Custom Dev Components
Build internal developer-facing Vue components (like an inline GA debug panel) to speed troubleshooting and reduce context switching.
