frontend▌

Modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first strategies. \n \n Container queries enable component-level responsiveness independent of viewport size, with support for container query units (cqi, cqw, cqh) and style queries \n Fluid typography and spacing via CSS clamp() scales smoothly across screen sizes with min/max bounds, eliminating discrete breakpoint jumps \n CSS Grid auto-fit/auto-fill patterns and Flexbox provide intrinsic layouts that a

Comprehensive UX/UI design guide for Chrome Extensions, optimized for Manifest V3. Contains 42 rules across 8 categories, prioritized by impact to guide extension UI development and code review.

This skill covers integrating JavaScript frontend frameworks with Tauri v2 for desktop application development.

Comprehensive design rules derived from Apple's Human Interface Guidelines for iPhone app development. \n \n Covers 10 critical areas: layout and safe areas, navigation, typography with Dynamic Type support, color and Dark Mode, accessibility, gestures, components, patterns, privacy, and system integration \n Includes 100+ specific rules with code examples showing correct and incorrect implementations across SwiftUI and UIKit \n Provides a quick-reference table for common UI components and an ev

Build and review SwiftUI features using the iOS 26+ Liquid Glass API with native modifiers and Apple design guidance. \n \n Supports three workflows: reviewing existing features for correct Liquid Glass usage, improving features by refactoring to glass components, and implementing new glass-based UI from scratch \n Provides native API patterns including glassEffect() , GlassEffectContainer for grouped elements, and .buttonStyle(.glass) / .buttonStyle(.glassProminent) for actions \n Includes avai

Comprehensive rules for building iPad-native apps following Apple's Human Interface Guidelines. iPad is not a big iPhone -- it demands adaptive layouts, multitasking support, pointer interactions, keyboard shortcuts, and inter-app drag and drop. These rules extend iOS patterns for the larger, more capable canvas.

Styled UI component library for Vue 3 and Nuxt 4+ with 125+ components, form validation, and theme customization. \n \n Built on Reka UI headless primitives, Tailwind CSS v4, and Tailwind Variants for type-safe, accessible components \n Includes forms with Zod/Valibot validation, data tables with sorting, modals, toasts, drawers, and command palettes \n Semantic color system and CSS variable theming via app.config.ts for consistent design customization \n Composables like useToast, useOverlay, a

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

Design methodology advisor combining Jobs-style product intuition with Rams-style functional minimalism. \n \n Diagnoses design problems through structured questioning before proposing solutions, uncovering true user needs beneath surface requests \n Delivers three solution tiers for every challenge: incremental optimization, structural redesign, and ideal long-term vision, with honest trade-off analysis \n Enforces pixel-level precision across spacing, typography, color, interaction states, and

Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Contains 45 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.