frontend▌

Automatically transforms vague requirements into actionable PRDs through systematic clarification with a 100-point scoring system.

Use this skill to manage build state, processing, and retention.

Framework for tackling software complexity by modeling code around the business domain. Based on a fundamental truth: the greatest risk in software is not technical failure -- it is building a model that does not reflect how the business actually works.

Identify render hotspots, isolate expensive updates, and apply targeted optimizations without changing UI behavior.

VueUse composable patterns, SSR compatibility, and TypeScript integration best practices. \n \n Covers SSR-specific gotchas and patterns for safely using VueUse composables in server-rendered environments \n Addresses common issues with element ref handling and type inference when working with VueUse APIs \n Provides efficiency rules to help debug and resolve VueUse integration problems consistently \n

Design UI pages in Subframe with AI-generated variations, then implement with code. \n \n Create new pages or redesign existing UI with multiple design variations to explore options before committing to code \n Use design_page for new designs and edit_page for targeted changes to existing Subframe pages \n Generates production-ready React/Tailwind code that matches your design system; refine visually in the Subframe editor before implementation \n Update project theme globally with edit_theme to

Beautiful, accessible UIs combining shadcn/ui components, Tailwind CSS utilities, and canvas-based visual design. \n \n Pre-built accessible components via shadcn/ui (dialogs, forms, tables, navigation) with copy-paste distribution and full TypeScript support \n Utility-first Tailwind CSS styling with mobile-first responsive design, dark mode, and zero runtime overhead \n Comprehensive theming system using CSS variables for consistent design tokens across colors, spacing, and typography \n Canva

This skill helps agents migrate HeroUI v2 applications to v3. HeroUI v3 introduces breaking changes: compound components, no Provider, Tailwind v4, and removed hooks.

Modern utility-first CSS with CSS-native configuration and container queries. \n \n CSS-first configuration using @theme directives instead of JavaScript, powered by the Oxide engine for 10x faster compilation \n Native container queries ( @container , @sm: , @md: ) for component-level responsive design independent of viewport \n Comprehensive design token architecture using CSS variables for colors, spacing, typography, and semantic naming \n Mobile-first responsive breakpoints ( sm: , md: , lg

Platform-agnostic patterns for building Windows images with Packer.