frontend▌

This skill helps transform passive learning content into actionable Ship-Learn-Next cycles - turning advice and lessons into concrete, shippable iterations.

Expert guidance for crafting effective prompts in Google Stitch, the AI-powered UI design tool by Google Labs. This skill helps create precise, actionable prompts that generate high-quality UI designs for web and mobile applications.

Comprehensive Vue 3 debugging reference covering reactivity, components, templates, lifecycle, SSR, and 100+ common runtime issues. \n \n Organized by feature area (reactivity, computed, watchers, components, templates, forms, lifecycle, SSR, TypeScript, animations, and more) with direct links to specific error scenarios and fixes \n Covers Vue 3 specific gotchas including ref unwrapping, proxy identity hazards, v-model IME composition, template ref timing, and hydration mismatches \n Addresses

Create structured course designs with learning objectives, lesson plans, and assessments.

Comprehensive skill for creating beautiful, accessible user interfaces combining shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.

Use this skill: When designing engaging levels, pacing gameplay, or creating environmental narratives.

Build production-grade Next.js applications or systematically migrate existing frontends to Next.js + shadcn/ui following strict design principles and best practices.

Accessible React component library built on Tailwind CSS v4 and React Aria with compound component patterns. \n \n Provides 20+ pre-built components (Button, Modal, Form, Card, TextField, etc.) using compound composition syntax ( Card.Header , Card.Content ) \n Requires Tailwind CSS v4 and uses CSS variables with oklch color space for theme customization; no provider wrapper needed in v3 \n Semantic variant system ( primary , secondary , tertiary , danger , ghost , outline ) for consistent inten

REST and GraphQL API design principles for building scalable, developer-friendly APIs. \n \n Covers resource-oriented REST patterns including HTTP method semantics, URL design, pagination, filtering, and error handling with consistent status codes \n Includes GraphQL schema-first development with type definitions, resolver patterns, Relay-style pagination, and DataLoader implementation for N+1 prevention \n Provides versioning strategies (URL, header, query parameter) and HATEOAS patterns for hy

Map Vue.js and Nuxt requirements to 200+ VueUse composables for concise, maintainable implementations. \n \n Covers state management, DOM elements, browser APIs, sensors, networking, animations, components, watchers, reactivity, arrays, time utilities, and integrations with Firebase, Electron, RxJS, and more \n Each composable includes invocation rules (AUTO, EXTERNAL, EXPLICIT_ONLY) to guide when and how to apply it; consult reference docs for usage details and type declarations \n Automaticall