frontend▌

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

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

ui-ux-designer

Modern React 19 patterns for Server Components, Actions, concurrent features, and TypeScript development. \n \n Covers core hooks (useState, useEffect, useRef, useMemo, useCallback) with TypeScript typing and custom hook extraction patterns \n Includes React 19 features: use() hook, useOptimistic, useFormStatus, useFormState, Server Actions, and Server Components with mixed architecture examples \n React Compiler automatic optimization eliminates manual memoization; includes setup, configuration

Transform threat analysis into actionable security requirements. \n \n Converts STRIDE threat categories into functional, non-functional, and constraint requirements with automatic priority calculation based on impact and likelihood \n Generates security user stories, acceptance criteria, and test cases directly from threats; includes traceability matrices linking threats to requirements \n Maps requirements to compliance frameworks (PCI-DSS, HIPAA, GDPR, SOC2, NIST, ISO 27001, OWASP) and identi

Advanced Next.js patterns for authentication, middleware, Server Actions, and user-scoped caching with Clerk. \n \n Distinguishes server-side await auth() from client-side useAuth() hook; mixing them is a common breaking mistake \n Covers middleware strategies (public-first vs protected-first), API route protection, and proper HTTP status codes (401 vs 403) \n Includes user-scoped caching patterns with unstable_cache and protecting Server Actions from unauthorized mutations \n Provides Core 2 co

Translates Figma designs into production-ready code with pixel-perfect visual fidelity. \n \n Requires Figma MCP server connection and a Figma URL with file key and node ID to extract design context, screenshots, and assets \n Seven-step structured workflow: parse URL, fetch design context, capture visual reference, download assets, translate to project conventions, achieve 1:1 parity, and validate against Figma \n Prioritizes design system reuse over duplication; maps Figma tokens to project de

Multi-stage CI/CD pipelines with approval gates and deployment orchestration. \n \n Covers four deployment strategies: rolling updates, blue-green, canary, and feature flags, each with trade-offs for downtime, rollback speed, and infrastructure cost \n Includes approval gate patterns for manual review, time-based delays, and multi-approver workflows across GitHub Actions, GitLab CI, and Azure Pipelines \n Provides automated rollback mechanisms triggered by health checks and failure detection, pl

Convert Markdown documents to HTML using marked.js, pandoc, gomarkdown, or static site generators. \n \n Supports multiple conversion tools: marked.js for Node.js/CLI workflows, pandoc for cross-format conversion, gomarkdown for Go projects, and Jekyll/Hugo for static site generation \n Handles all standard Markdown flavors including CommonMark, GitHub Flavored Markdown, and extended syntax for tables, code blocks, math expressions, and collapsed sections \n Provides CLI and programmatic workflo