frontend▌

Comprehensive guide to SwiftUI's animation system, from foundational concepts to advanced techniques. This skill covers the Animatable protocol, the iOS 26 @Animatable macro, animation types, and the Transaction system.

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

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.

React Three Fiber (R3F) is a React renderer for Three.js. Write declarative, component-based 3D scenes using JSX.