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, 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

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

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

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

Vue 3 Options API patterns, TypeScript integration strategies, and context-binding gotchas. \n \n Covers TypeScript type safety for component properties, this context, prop validators, event handlers, complex types, provide/inject, and computed return types \n Addresses common method and lifecycle hook pitfalls: arrow function binding issues, context loss, and stateful method state leakage across instances \n Organized as a reference guide with linked examples for each pattern and anti-pattern \

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

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

Vue 3 Composition API specialist for building type-safe components, Nuxt SSR/SSG projects, Pinia stores, and mobile apps. \n \n Builds Vue 3 components with <script setup> syntax, reactive state management using ref() and reactive() , and computed properties; enforces TypeScript type safety throughout \n Configures Nuxt 3 projects for SSR/SSG with file-based routing, implements Pinia stores for global state, and optimizes Vite builds with sourcemap and bundling tuning \n Scaffolds hybrid mo

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

ui-ux-designer