frontend▌

Essential Vue Composition utilities for state, sensors, browser APIs, and common patterns. \n \n 200+ composables across 12 categories including state persistence, mouse tracking, keyboard input, network requests, animations, and array operations \n Auto-imports in Nuxt via @vueuse/nuxt module; manual imports required for Vue 3 standalone \n SSR-safe composables return sensible defaults on server; use isClient guard or onMounted wrapper for browser-only APIs \n Common patterns include useLocalSt

Provides complete frontend development expertise for building production-ready web applications with modern frameworks (React, Vue, Next.js), comprehensive tooling setup, state management patterns, testing infrastructure, and performance optimization strategies.

A 3-phase workflow for extracting, structuring, and applying design identity across three dimensions:

Automated UI code review against Vercel's Web Interface Guidelines. \n \n Fetches the latest guidelines from the official Vercel repository before each review to ensure current rule compliance \n Analyzes React, Vue, Svelte, HTML, CSS, and JavaScript/TypeScript files against all fetched rules \n Reports violations in file:line format with actionable feedback on how to fix each issue \n Supports file paths and glob patterns for flexible scope selection across projects \n

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.