social-media-genius

Auth flows, session management, OAuth integration, domain-restricted access, and role-based access control for TopNetworks properties. Primary implementation is Better Auth 1.x with Google OAuth in route-genius. Use when implementing login, session checks, protected routes, or any access control logic.

API design, server-side logic, service architecture, and integration patterns with third-party services (ActiveCampaign, Brevo, ConvertKit, Supabase, Vertex AI) for TopNetworks properties. Use when building API routes, Server Actions, background jobs, or service integrations.

Visual language, tone, typography, color systems, and asset usage across TopNetworks brands — TopFinanzas, KardTrust, and BudgetBee. Use when building any UI, writing copy, selecting imagery, or configuring design tokens for any TopNetworks property.

Schema design, migration strategies, indexing conventions, query patterns, and ORM usage for TopNetworks properties. Covers Supabase PostgreSQL (route-genius), Cloud SQL PostgreSQL (emailgenius), and BigQuery (arbitrage-dashboard). Use when designing schemas, writing migrations, or building data access layers.

Environment configuration, CI/CD conventions, Vercel deployment standards, PM2 process management, Git workflow automation, and environment variable management for TopNetworks properties. Use when configuring deployments, managing environments, running builds, or setting up new projects.

Component architecture, UI patterns, design system integration, accessibility standards, and framework-specific conventions for TopNetworks properties built on Next.js 15+ and Astro 5. Use when building pages, components, or layouts for any TopNetworks project.

GCP service configuration and full-stack Next.js bootstrapping workflow for TopNetworks properties. Generates browser agent instruction sets for GCP project setup, OAuth, Supabase, Cloud Storage, and Firebase provisioning, then enforces a hard wait state before any backend code is written. Use when creating a new full-stack Next.js application, adding backend services to an existing frontend, or refactoring/upgrading an existing full-stack Next.js codebase.

GeniusWeb is TopNetworks Inc.'s LLM-powered website, blog, and landing page creation system. Use this skill when building new financial comparison platforms, content sites, or marketing properties for TopNetworks brands (TopFinanzas, BudgetBee, KardTrust, etc.). Implements brand identity, proven design patterns, and performance-optimized architecture from successful TopNetworks products.

Interaction design standards, responsive layout rules, component-level UX specifications, navigation patterns, animation guidelines, and chart/data visualization conventions for TopNetworks properties. Use when designing or implementing any interactive UI element, layout system, or data display.