Sacred Cosmos Dashboard — Content Automation Platform

Overview

An end-to-end content creation and publishing platform that transforms AI-generated astrology content into visually polished Instagram carousels and Facebook posts — without writing a single word manually. The system combines automated content generation, a visual design editor, and one-click social media publishing into a seamless workflow.

The Problem

Running a daily astrology social media brand requires producing 10+ unique content pieces per day — horoscopes for 12 zodiac signs, element-based posts, manifestation content, stories, and weekly forecasts. Manually writing, designing, and publishing this volume is unsustainable for a solo creator.

The Solution

A three-layer architecture that fully automates the content pipeline:

n8n Automation Layer — AI workflows generate all content daily (horoscopes, element posts, manifestation themes, blog articles, video scripts) and store it in a structured database.
Visual Design Layer — A Fabric.js canvas editor lets me generate multi-slide carousels with one click, customize backgrounds, add AI-generated images, and fine-tune every slide.
Publishing Layer — Exports slides, uploads to cloud storage, and publishes directly to Instagram and Facebook via the Graph API — all from one button.

n8n Workflow Automation

n8n content generation workflow — schedule trigger, ProKerala API, AI generators with Sunday branching, Supabase write

The content generation workflow runs daily at 6 AM and:

Generates horoscopes, element messages, and manifestation content via AI
Structures 70+ data fields into a single payload
Writes to Supabase with service-role authentication
On Sundays, additionally generates weekly forecasts and challenges

n8n publish workflow — webhook receives carousel data, posts to Instagram and Facebook via Graph API

The publish workflow receives carousel data from the dashboard and:

Accepts image URLs and caption text via webhook
Posts carousels to Instagram via the Graph API
Cross-posts to Facebook Pages
Runs behind Cloudflare Zero Trust for security

Key Features

9+ One-Click Carousel Generators

Daily sign horoscopes (Parts 1 & 2, covering all 12 signs)
Weekly forecasts (auto-enabled on Sundays)
Element-themed posts (Fire, Earth, Air, Water)
Manifestation carousels with themed CTAs
Instagram Stories (vertical format)
Daily & weekly overview cards
Spiritual practice and weekly challenge cards

Full Visual Editor

Canvas-based design with text, shapes, icons, and images
20+ gradient/color background presets
Drag-and-drop image support
Multi-slide management with thumbnails
Multiple canvas sizes (square, portrait, story)

AI Image Generation

Google Gemini integration for cosmic-themed imagery
Prompt pre-filled from daily content data
One-click "apply to all slides" for consistent visual identity

Smart Caption System

Multiple caption variants (social post, element CTAs, weekly)
Live editing with character count
One-click copy to clipboard

Direct Social Publishing

Platform selection (Instagram, Facebook, or both)
Automatic image export, upload, and webhook trigger
Real-time progress feedback during publish

Mobile-First Design

Lightroom-style layout with a bottom tab bar for touch-optimized editing on any device.

Mobile generate tab — one-click carousel generator buttons — Generate

Mobile tools tab — background presets, gradients, and canvas tools — Tools

Mobile caption tab — caption editor with Instagram and Facebook publish — Caption & Publish

Architecture

┌──────────────────┐     ┌──────────────────┐     ┌──────────────────┐
│   n8n Workflows  │     │  React Dashboard │     │  Social Platforms│
│                  │     │                  │     │                  │
│  Daily AI        │────>│  Fabric.js       │────>│  Instagram       │
│  Content Gen     │     │  Canvas Editor   │     │  (Carousel API)  │
│                  │     │                  │     │                  │
│  Publish         │<────│  Caption Editor  │     │  Facebook        │
│  Webhook         │     │  + Publisher     │     │  (Pages API)     │
└────────┬─────────┘     └────────┬─────────┘     └──────────────────┘
         │                        │
         ▼                        ▼
┌──────────────────┐     ┌──────────────────┐
│    Supabase      │     │     Netlify      │
│  cosmic_data DB  │     │  Serverless Fn   │
│  Auth + Storage  │     │  (CF Access      │
│  Edge Functions  │     │   header proxy)  │
└──────────────────┘     └──────────────────┘

Security & Infrastructure

Zero client-side secrets — Cloudflare Access tokens and API keys are injected server-side via Netlify functions and Supabase Edge Functions
Row-Level Security — Supabase RLS ensures authenticated users can only read content; only n8n (service role) can write
Fire-and-forget publishing — Dashboard returns immediately after webhook delivery; n8n processes asynchronously

Tech Stack

FrontendReact 19, Vite, Tailwind CSS 4, Fabric.js 7

UIRadix UI, Lucide Icons

BackendSupabase (PostgreSQL, Auth, Storage, Edge Functions)

Automationn8n (self-hosted, daily AI generation + Graph API publishing)

AIGoogle Gemini 2.5 Flash (image generation)

HostingNetlify (static build + serverless functions)

SecurityCloudflare Access (Zero Trust), Supabase RLS

React 19ViteTailwind CSS 4Fabric.js 7Radix UISupabasePostgreSQLn8nGemini 2.5 FlashNetlifyCloudflare Access

Results

10+ content pieces generated daily with zero manual writing
One-click carousel creation reduces design time from 30+ minutes to under 2 minutes
Direct publishing eliminates the download-upload-caption loop entirely
Mobile-responsive editor enables publishing from anywhere

What I Learned

Designing a canvas editor with Fabric.js and managing multi-slide state serialization
Building serverless proxy functions for secure third-party API integration
Architecting n8n workflows that bridge AI generation with social media APIs
Implementing Cloudflare Zero Trust in a serverless deployment pipeline