Mobile-first responsive design patterns with breakpoints, fluid layouts, and adaptive components
Design and review web interfaces that remain usable across mobile, tablet, laptop, and large screens.
Implement performant responsive images with srcset, sizes, lazy loading, and modern formats (WebP, AVIF).
Restore the discrete logical color grid already present in a photograph, scan, screenshot, or raster image of an existing fuse-bead (拼豆)…
A family history told through five decades of home movies — the opening question, the eras, and what the footage reveals.
Build cursor-following spotlight reveals that expose a second aligned image through a soft radial mask.
Create polished, professional reveal.js presentations.
Use this skill whenever a task asks to design, style, theme, brand, polish, or make a reveal.js deck visually compelling, or when an…
Compare a rendered GraphCompose template against its reference or its parent revision and report what is still different, without opening…
User-invoked interface review of a change rather than a screen: uncommitted work, the current branch, or a pull request.
User-invoked, cross-discipline interface review that coordinates better-accessibility, better-layout, better-writing, better-typography…
Review existing UI against the project's design context, accessibility expectations, responsive behavior, interaction quality, and…
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy.
Use when the user shares an architectural floor plan (PDF, image, or CAD export) and asks for a review, feedback, or code-compliance check…
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize…
Enforces precise, minimal design for dashboards and admin interfaces.
A playful, joyful, two-color risograph print aesthetic built on a single warm off-white paper surface running through every section
App dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows.
Generates distinctive hand-drawn Chinese article illustrations and orchestrates multi-format visual IP design across specialized upstream…
HTML, CSS, and GSAP video compositions. Use for UI motion, kinetic type, product mockups turned into video, and transparent overlays. Not…
Use this skill to generate well-branded interfaces and assets for Rough Cut, a transcript-based video editor — either for production…