frontend▌

These rules are distilled from Matthew Butterick's Practical Typography (https://practicaltypography.com). Butterick is a typographer, writer, and type designer whose work bridges professional typography and everyday digital writing. Thank you, Matthew, for making this knowledge accessible and encyclopedic. If you find this skill valuable, consider supporting his work directly.

ComfyUI baseline: v0.12.0 (Comfy API v0_0_2). Update this line when revising the skill.

125+ accessible Vue components with Tailwind CSS theming, built on Reka UI for rapid interface development. \n \n Supports Nuxt, Vue (Vite), Laravel (Inertia), and AdonisJS with unified component API across frameworks \n Includes 200,000+ Iconify icons via i-{collection}-{name} naming, with local collection support and custom icon directories \n Seven semantic colors (primary, secondary, success, info, warning, error, neutral) configurable at runtime; override components via ui prop, class prop,

Component libraries: Bits UI (headless) | Ark UI | Melt UI (primitives)

$22

This skill enables systematic extraction of design systems from reference UI images through a multi-step workflow: analyze visual patterns → generate design system documentation → create PRD → produce implementation-ready UI prompts.

Build production-quality user interfaces that are accessible, performant, and visually polished.

"Transform Figma designs into implementation-ready specifications with pixel-perfect accuracy"

Design intuitive, accessible, user-centered interfaces.

Frontend development patterns, performance optimization, and automation tools for React/Next.js applications.