Changelog

Multi-Agent Builder (Phase 5)

8 specialized AI agents (Frontend, Backend, Database, Queue, Cache, CDN, External, Platform). Build All runs agents in parallel — nodes pulse amber while building, turn green on completion

Orchestrator + Download Project ZIP

After all agents finish, orchestrator auto-generates docker-compose, API contracts, shared types, and README. Download everything as a ZIP (Pro)

Shareable slug URLs

Architectures and boards get clean URLs like /arch/uber-ride-matching-k7x9m. Rich OG/Twitter previews + JSON-LD structured data for SEO

Product Board wireframes

Screen-type cards now show mini SVG wireframe previews — login forms, dashboards, list views. Variable row spacing for visual balance

Agent chat + version diff

Chat with any built node's agent to refine code. Hover version timeline pills to see added/removed/modified nodes between versions

Webhooks, task persistence, error boundaries

CI/CD webhooks (Pro), build results saved to Firestore, canvas-specific error recovery, and 45+ architecture URLs in sitemap

Slack, GitLab & Bitbucket integrations

Share diagrams to Slack channels, import repos from GitLab and Bitbucket. Now 8 OAuth integrations total

7 audit tools — new: Vulnerability Scan, Code Quality, Load Test

Dependency vulnerability scanner (16 rules), SonarQube-style code quality grading (A-F), and load test simulation with RPS/latency estimates

8 new export formats — 29 total

Pulumi GCP, Railway, Render, Docker Hub CI/CD, Storybook, Monitoring (Datadog/Sentry/Grafana), and more

AI Architecture Coach

8 guided system design challenges (Easy→Hard) with hints, reference components, and one-click AI solutions at /features/coach

100 product specs — full PRD framework

Every spec now has non-functional requirements, release milestones, acceptance criteria, and success metrics

Architecture diff & key audit log

Compare two architectures with similarity scoring. Track all integration key usage in Settings

6 new SEO blog posts

System architecture guide, diagram generator comparison, AI system design, interview questions, microservices vs monolith, and why you need a system design tool

Figma integration

Connect Figma, paste a design URL — Codelit extracts screens, detects UI patterns, and generates system architecture

Jira, Notion & Linear integrations

Import epics, pages, or issues directly — 5 integrations in Settings with one-click OAuth

100 product specs

/specs page with Uber, Netflix, Figma, OpenAI, Cursor, LangChain, and 54 more — features, user stories, tech stacks, and one-click architecture generation

Build This — diagram to code

Generate complete project scaffold from any architecture. Docker Compose, .env, CI/CD, setup guide — push to GitHub repo

Security Audit & Compliance Report

OWASP security checks + PCI-DSS, HIPAA, SOC2, GDPR compliance — instant, deterministic, free

Background task queue

Long exports run in the background with browser notifications. Start multiple tasks and keep working

GPT-5 & GPT-5 Mini

Latest OpenAI models now available for Pro users — 21 AI models total (12 free + 9 Pro)

Save architectures to your account

Save button on canvas toolbar, /saved page to browse, share, embed, or delete — 5 free, unlimited Pro

oEmbed API for auto-embeds

Confluence, Notion, and Slack auto-discover and embed Codelit diagrams when you paste a share link

Dockerfile parser

13 instant file parsers — new Dockerfile parser detects base images, ports, env vars, and infers services

Figma-style toolbar cleanup

Primary tools visible (Add, Layout, Insights, Chaos), secondary actions collapsed into clean overflow menu

Enhanced upgrade prompt

Free vs Pro comparison grid when daily limit is reached — concrete side-by-side of what you're missing

GitHub Integration — Repo to Architecture

Connect GitHub or paste any repo URL. Codelit analyzes your codebase (docker-compose, package.json, Terraform, K8s) and generates an interactive architecture diagram from your actual code

Chaos Mode — Cascading Failure Simulation

Click the skull to enter Chaos Mode, then click any node to kill it. Watch failures cascade through downstream dependencies with animated propagation

Live Cost Estimator

Instant AWS cost breakdown per architecture — total monthly estimate, per-category bar chart, and per-component pricing mapped to real AWS services

Unified Insight Panel

Summary, Audit, Review, Cost, and Diff consolidated into one tabbed panel. Async streaming, tab caching, zero flicker

90+ Template Detail Pages

Each prebuilt architecture has its own SEO-optimized page at /templates/[slug] with components, data flow, related templates, and blog posts

Copy Embed Code

One-click iframe embed code on shared architectures — paste into blogs, docs, or wikis with 'Built with Codelit' attribution

Architecture Generator API

REST API at POST /api/generate — send a prompt, get a full architecture as JSON. Docs at /docs with live playground

AI Architecture Review

Holistic review with score, missing components, single points of failure, scaling bottlenecks, and security gaps

Architecture Diff

Visual comparison between architecture versions — see added, removed, and modified nodes and edges

Generate from README

Paste a README or spec and AI extracts the system architecture automatically

SSR shared architectures

Every shared architecture is now server-rendered with JSON-LD — fully indexable by Google

Blog comments with likes

Signed-in users can comment on blog posts, like comments, and share on X

Multi-size favicons

High-quality icons for all devices — 16px to 512px, Apple Touch Icon, and SVG

Web Vitals tracking

Real-user performance monitoring — LCP, FID, CLS, TTFB, and INP sent to analytics

28 keyboard shortcuts

Cmd+N new, Cmd+R regenerate, Cmd+0 fit, Cmd+Shift+T copy as text, Cmd+, settings, and more

Pro exports: PDF, Terraform, Kubernetes

Professional architecture documents, AWS IaC, and K8s manifests — Pro only

Watermark-free screenshots for Pro

Free users get codelit.io watermark, Pro users get clean PNG exports

Regenerate button + Cmd+R

One-click regenerate with the same prompt for different AI results

Complexity score (1-10)

Live metric based on node count, connection density, and type diversity

Dynamic social previews

Shared architecture links show actual title on Twitter and LinkedIn cards

Mobile tap-to-navigate

Tap connections on mobile to scroll to and expand the target node

Smart conversion funnel

8 touchpoints: usage badge, post-gen toast, export previews, command palette CTA, and more

9 export formats

Mermaid, PlantUML, Markdown, YAML, Docker Compose, README, Terraform, AI Prompt, Screenshot

Mermaid import

Paste Mermaid diagrams to create interactive architectures — full round-trip

Full edge CRUD

Create edges by dragging, edit labels and data flow inline, delete with one click

Double-click to add nodes

Double-click canvas to add components, double-click nodes to edit

7-day free trial ($5/mo)

Card required, full Pro access, auto-charges after trial. Cancel anytime.

Smart suggestions

Follow-up suggestions scored by priority based on architecture gaps

Node connections inspector

Click any node to see and navigate all incoming and outgoing connections

48 blog posts

Complete system design curriculum — DNS, caching, sharding, CAP theorem, Kafka, Docker, and more

55 prebuilt architectures

Uber, Netflix, Kubernetes, Tinder, eBay, Zendesk, blockchain, autonomous vehicles — all load instantly

Claude-style composer

Multi-line textarea with arrow submit, Shift+Enter for new lines

Keyboard shortcuts (press ?)

11 shortcuts for power users — ⌘K, ⌘Z, Tab navigation, duplicate, delete

Security headers

XSS protection, clickjacking prevention, MIME sniffing block, permissions policy

24 E2E tests

Playwright test suite covering all critical paths — all passing

PWA + Accessibility

Installable app, skip-to-content, focus outlines, ARIA landmarks

Instant canvas — zero-wait diagram loading

Skeleton nodes build progressively, then live AI nodes appear as they're discovered from the stream

Stripe Pro subscriptions ($5/mo)

Full payment flow: checkout, webhook, customer portal for subscription management

Prebuilt showcase on landing page

Browse and click any of 30 architectures to load instantly — no AI needed

Smooth page transitions

Subtle fade+slide animation on every route change for a polished feel

Error boundaries & offline detection

Graceful crash recovery and network-down messaging — no more white screens

Loading skeletons on every page

Shimmer-animated placeholders on blog, pricing, changelog, and root

SEO structured data everywhere

Article + BreadcrumbList on blog, FAQPage on pricing, SoftwareApplication on home

Interactive case study blog posts

Deep dives into Uber, OpenAI, and product engineering with embedded architecture diagrams

Full node editing — add, duplicate, rename, retype, delete

Complete manual CRUD for architecture nodes with undo/redo support

Undo/Redo (⌘Z/⌘⇧Z)

Full history navigation for manual edits — add, delete, duplicate all undoable

Node type selector

Change any node's type (frontend, backend, database, etc.) from the side panel

Auto-retry with model fallback

If AI returns bad output, automatically retries with a different model

Version timeline with complexity trend

See node count changes between versions — track how architecture evolved

Smart topological layout

BFS-based node positioning by data flow depth with cycle protection

Architecture diff highlighting

New nodes glow green with 'NEW' badge after follow-ups

Full system audit report

One-click comprehensive review — security, scaling, cost, compliance, reliability

Contextual suggestions + minimap + node search

Smart follow-ups, bird's-eye navigation, and type-to-filter nodes

Terms, Privacy, Changelog pages

Legal foundation + public changelog for trust and transparency

Pro waitlist + feature gating

Email capture on pricing page, PRO badges on premium models and Terraform

Embeddable widget

Embed interactive architectures on any website via iframe

Multi-provider AI

12 free models + GPT-5 + Claude Opus/Sonnet/Haiku with auto-fallback

Architecture comparison

Compare two approaches side-by-side (monolith vs microservices)

Export as code

Docker Compose, Terraform, README, AI Prompt — from any architecture

11 audit tools

Security, stress test, cost, compliance, accessibility, SEO, bundle size, backup, throughput, API design

Version timeline

Track architecture iterations — jump to any version instantly

Share as link

Permalink sharing with social buttons and 'Built with Codelit' branding

Mobile card view

Expandable cards with animated connections — canvas replacement for phones

Command palette

⌘K to search actions, templates, and tools

4 instant templates

SaaS Starter, E-commerce, AI Agents, Real-time Chat — load in 1 second

Codelit.io launched

Interactive AI system architecture simulator — describe any system, watch it come alive

10 blog posts

Dev-voiced articles on system design, AI tools, and architecture patterns

Analytics & admin dashboard

Track generations, shares, exports with Firestore events