Mirok

Cockpit SaaS d'orchestration marketing IA & CMO Agent

Visiter le site
Next.jsReactNode.jsTailwind CSSTrigger.devPayload CMSBetter-AuthDrizzle ORMTypeScriptSQLPostgreSQL
Aperçu Cockpit IA — MirokAperçu Site vitrine — MirokAperçu Plans & Tarifs — Mirok

Rôle & Responsabilités

Fondateur & Développeur full-stack

  • Conception de l'architecture logicielle multi-agents et du moteur d'exécution (Agent Runtime)
  • Développement du cockpit desktop 4 panneaux et intégration du streaming temps réel
  • Implémentation du LLM Gateway unifié (Claude, OpenAI, Gemini) avec pipeline RAG
  • Développement des connecteurs tiers (GSC, PageSpeed Insights, GitHub, Payload CMS, LinkedIn)
  • Mise en place de l'infrastructure de tâches de fond asynchrones avec Trigger.dev v4

Discipline

Développement full-stack · Architecture IA · Product Design

Équipe

Solo

Vue d’ensembleCockpit CMO & Workspace 4 panneauxAgent Runtime & LLM GatewaySite vitrine & OnboardingConnecteurs & Background WorkersCaptures d’écran
Vue d’ensembleCockpit CMO & Workspace 4 panneauxAgent Runtime & LLM GatewaySite vitrine & OnboardingConnecteurs & Background WorkersCaptures d’écran

Vue d’ensemble

Mirok est un cockpit SaaS tout-en-un d'orchestration marketing propulsé par des agents IA autonomes (CMO Agent). Conçu pour les fondateurs, directeurs marketing et growth leads, il unifie l'analyse continue d'un site web (SEO, visibilité GEO/citations IA, performances PageSpeed, backlinks), la veille concurrentielle en temps réel et l'exécution directe d'actions (rédaction d'articles via CMS, programmation de posts LinkedIn, PRs de correctifs techniques sur GitHub, optimisation publicitaire).

Cockpit CMO & Workspace 4 panneaux

Architecture frontend & intégration temps réel

Le centre de contrôle unifié : topbar avec calendrier hebdomadaire d'agents, gestion du contexte d'entreprise (documents vectorisés pour RAG, veille concurrentielle), workspace analytics (SEO avec Google Search Console, citations GEO, audits techniques PageSpeed) et fil d'exécution des agents.

Capture de Cockpit CMO & Workspace 4 panneaux

Next.js · React · Tailwind CSS · Radix UI · TypeScript

Défi technique. Maintenir une synchronisation fluide entre les 4 panneaux desktop sans re-renders inutiles : l'état des conversations, les mises à jour des flux d'agents et les graphes de métriques sont gérés via des Server Components combinés à des îlots clients optimisés avec optimistic updates.

Connecté à Agent Runtime & LLM Gateway,Connecteurs & Background Workers,Site vitrine & Onboarding

Agent Runtime & LLM Gateway

Conception du moteur d'agents & passerelle IA

Moteur d'exécution autonome pour les agents spécialisés (Audit SEO, GEO Visibility, Rédacteur de contenu, Veille concurrentielle). Passerelle multi-modèles (Anthropic Claude, OpenAI, Gemini) avec sélection automatique du meilleur modèle selon la tâche, limitation de débit et résilience par fallback.

Node.js · Trigger.dev · Zod · TypeScript · PostgreSQL

Défi technique. Garantir la fiabilité des actions autonomes grâce à un système d'outils typés avec Zod, validation stricte des sorties JSON, extraction de contexte RAG à partir des documents d'entreprise et génération d'un journal de preuves vérifiable par l'utilisateur avant validation.

Connecté à Cockpit CMO & Workspace 4 panneaux,Connecteurs & Background Workers

Site vitrine & Onboarding

Design d'interface & développement full-stack

Landing page bilingue haute performance avec analyseur de site instantané, démonstration interactive des capacités des agents, grille bento des fonctionnalités, comparateur de plans tarifaires (Growth & Scale) et tiroir de paiement intégré Stripe.

Capture de Site vitrine & Onboarding

Next.js · React · Tailwind CSS · Stripe

Défi technique. Optimisation maximale du temps de chargement et du SEO/GEO avec rendu hybride RSC/SSR, gestion du multilingue (FR/EN/ES) sans flash, et tunnel d'onboarding fluide convertissant l'analyse d'URL en espace de travail personnalisé.

Connecté à Cockpit CMO & Workspace 4 panneaux,Connecteurs & Background Workers

Connecteurs & Background Workers

Architecture d'intégrations & tâches de fond

Écosystème de connecteurs tiers pour synchroniser les données et exécuter des actions : Google Search Console, Google Analytics 4, PageSpeed Insights, GitHub (création de PRs), CMS (Ghost, WordPress, Webflow), réseaux sociaux (LinkedIn, Twitter/X) et alertes Slack/Discord.

Trigger.dev · Node.js · PostgreSQL · Drizzle ORM

Défi technique. Gestion des tâches de fond récurrentes (crons d'audits quotidiens, rafraîchissement des tokens OAuth avec Nango/Better-Auth) et résilience aux pannes d'APIs externes avec reprise automatique sur incident et file d'attente distribuée.

Connecté à Agent Runtime & LLM Gateway,Cockpit CMO & Workspace 4 panneaux

Captures d'écran

Apprentissages

  • Orchestration d'agents IA vs prompts isolés : la fiabilité d'un agent autonome repose sur des schémas d'outils stricts (Zod), un retour de validation déterministe et une traçabilité complète de chaque action avant exécution.
  • Architecture LLM Gateway unifiée : router dynamiquement entre Claude, OpenAI et Gemini avec gestion de quotas, bascule automatique sur incident (fallback) et streaming SSE assure une résilience maximale sans dépendance à un seul fournisseur.
  • Design de cockpit dense 'Monochrome' : privilégier un contraste net, des bordures précises (0px radius) et des tokens OKLCH permet d'afficher 4 zones opérationnelles complexes sans surcharger cognitivement l'utilisateur.
  • Exécution asynchrone et résilience : isoler les opérations lourdes (crawls SEO, audits PageSpeed, vérifications de citations GEO) dans des workers Trigger.dev garantit une latence quasi nulle sur l'interface utilisateur.

Autres projets

Chauffleet

Plateforme SaaS complète de gestion de flotte VTC/Taxi

Bankai-psd

Portfolio et CMS pour un graphiste freelance

Gamathel

Site vitrine bilingue pour une entreprise tech