frontend▌

Vue Router 4 patterns, navigation guards, and route-lifecycle best practices. \n \n Covers five navigation guard patterns including async/await handling, deprecated next() function migration, infinite redirect loops, and param-change detection \n Addresses route-lifecycle gotchas like stale data when navigating between same routes and event listener cleanup on component unmount \n Includes production SPA setup guidance and component instance access patterns in beforeRouteEnter guards \n

Comprehensive design system with 50+ styles, 97 palettes, and 57 font pairings across 9 technology stacks. \n \n Searchable database organized by priority: accessibility and touch interaction (critical), performance and layout (high), typography and animation (medium), and charts (low) \n Includes design system generation tool that recommends complete patterns, styles, colors, typography, and effects based on product type and industry keywords \n Covers 9 implementation stacks: HTML/Tailwind, Re

Build topical authority clusters with pillar-spoke architecture and interlinking strategies. \n \n Generates 8-20 subtopics from search data, intent patterns, and audience research to populate a cluster around a seed keyword \n Structures clusters with a comprehensive pillar page (hub) and focused spoke pages (satellites), with mandatory bidirectional linking and lateral cross-links between siblings \n Scores existing content coverage, identifies gaps (full, partial, or none), and flags pages ne

Scaffold and implement cross-platform Flutter plugins with native interop for Android, iOS, Windows, and web. \n \n Supports both standard plugins (Method Channels for platform APIs) and FFI plugins (C/C++ native libraries); choose based on whether you need platform-specific SDK access or direct native code binding \n Federated plugin architecture splits API across app-facing, platform interface, and independent platform implementation packages for team-based development \n Includes step-by-step

Vue Router 4 patterns, navigation guards, and route-lifecycle best practices. \n \n Covers five navigation guard patterns including async/await handling, deprecated next() function migration, and infinite redirect loop prevention \n Addresses route lifecycle gotchas such as stale data when navigating with param changes and event listener cleanup on unmount \n Includes guidance on component instance access in beforeRouteEnter guards and param-change detection across same-route navigation \n Provi

Name: Industrial Brutalism & Tactical Telemetry Interface Engineering Description: Advanced proficiency in architecting web interfaces that synthesize mid-century Swiss Typographic design, industrial manufacturing manuals, and retro-futuristic aerospace/military terminal interfaces. This discipline requires absolute mastery over rigid modular grids, extreme typographic scale contrast, purely utilitarian color palettes, and the programmatic simulation of analog degradation (halftones, CRT sc

Supabase Auth integration for Next.js App Router with middleware-based session management. \n \n Handles server/client authentication boundaries using @supabase/ssr, protecting routes via middleware and managing cookie-based sessions \n Provides patterns for OAuth callbacks, Server Actions for auth operations, and proper token handling across Server and Client Components \n Includes anti-patterns to avoid: getSession in Server Components, unlistened client auth state, and manual token storage \n

Comprehensive guide for applying 200+ VueUse composables to Vue.js and Nuxt projects. \n \n Covers 14 functional categories: 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 an invocation rule (AUTO, EXTERNAL, or EXPLICIT_ONLY) to guide when and how to use it; consult detailed references for usage patterns and type declarati

Comprehensive guide for building modern, accessible, and composable UI components. \n \n Covers component taxonomy (primitives, components, blocks, templates), core design principles, and accessibility implementation including ARIA, keyboard navigation, and WCAG compliance \n Includes patterns for composable APIs, polymorphism, controlled/uncontrolled state, and the as-child pattern for flexible element composition \n Provides guidance on design tokens, theming systems, styling approaches, and u

ui-ux-designer