Architecture & Design

terravision

patrickchugh

1.7k

Draw cloud architecture diagrams with the official AWS, Azure and GCP icons from a plain description, a JSON graph or Terraform code, with VPC, subnet and zone grouping. PNG, SVG and editable draw.io output.

figwright

awdr74100

1.1k

Bidirectional Figma bridge: turn selections into framework-aware code reusing your components and tokens, or create frames, text, styles, variables and screens.

opentakeoff

Kentucky-ai

641

Construction plan takeoff: load plan PDFs, read title blocks, set drawing scale, trace rooms and export quantities like square footage and linear feet.

network-sketcher

cisco-open

411

Local-first network design: create Cisco-style network master files, L1/L2/L3 topology diagrams, HTML viewers, device tables and AI context files.

excalidraw-architect

BV-Venky

160

Generate Excalidraw architecture diagrams with auto-layout, technology-aware component styling (databases, queues, caches) and stateful editing.

posecode

posecode-dev

123

Text language for human movement that LLMs can write, rendered as an anatomically constrained 3D human figure in the browser.

mermaid

Narasimhaponnada

53

Mermaid diagram generation (flowcharts, sequence, class, ER, architecture and state diagrams) with templates, layout engines and SVG/PNG/PDF export.

codesign

imgly

42

Local design engine: create, edit and export branded social posts, flyers, decks and business cards, with print-ready PDFs and InDesign, PSD and PDF import.

maket

ng-galien

20

Local-first design workspace: compose wireframes and branded multi-page HTML/CSS docs with live preview, brand and asset libraries, validation and PDF export.

mermaid

GittyBurstein

15

Turn local projects or GitHub repositories into Mermaid diagrams rendered via Kroki.

ai-diagram-maker

erajasekar

10

AI Diagram Maker: generate flowcharts, sequence diagrams, ERDs, architecture, UML and mind maps from text, code, ASCII, images or Mermaid, rendered inline.

brandkit

ejwhite7

9

Expose a company's design system (colors, typography, logos, components, guidelines, CSS tokens) to AI tools, parsed from CSS, Markdown, PDF, SVG and fonts.

archprint

Tommkruix

7

Report the architecture rules a TypeScript repo already follows, inferred from its import graph, with the evidence for each, and check whether a change breaks them.

Contradiction

Daksh-create349

6

Detect contradictions and architectural drift in Kubernetes manifests, READMEs, OpenAPI specs and Word docs, with deterministic scoring and resolution advice.

saglitzdesign

HalidSaglam

6

Offline UI/UX design and marketing guidance for web, iOS, Android and macOS, plus generators for design tokens, color systems, type scales and WCAG checks.

tentra

rdanieli

6

Describe systems in natural language to get interactive architecture diagrams, export to frameworks like Spring Boot, FastAPI and Terraform, and detect drift.

flowzap

flowzap-xyz

5

Create workflow, sequence and architecture diagrams with the FlowZap Code DSL, with validation, playground links, syntax docs, export, diffing and patching.

mockit

karyaboyraz

5

Generate iOS UI mockups as PNG and HTML from a text prompt, using Claude and a headless Playwright renderer.

jgs-magic-sysmlv1

jgsystemsconsulting

4

Bridge to live SysML v1 models in CATIA Magic: query, audit, trace and edit blocks, requirements, allocations and diagrams over a local, air-gapped connection.

aidc-ai

aidc2026ai-melon

3

Deterministic AI data-center design for Korea (NVIDIA Rubin era, 22.9 kV intake): rack count, PUE, total MVA, cooling split, CDU planning, cost and timeline.

uxloom

uxloom-dev

3

UI/UX validation: model user journeys as state machines, find missing states, contrast and touch-target issues, and verify code against the design contract.

repo-cartographer

builditwithgk

2

Turn a repo into Mermaid or Graphviz architecture diagrams from its file tree, import graph and entry points; also enforces architecture rules in CI.

aetumi

AETumiApp

1

AETumi MCP — gateway for AI coding assistants (Claude Code, Cursor, Codex) to production-ready Three.js/WebGL 3D web components, templates and interactive scenes.

nightmarquee

ant-dev-lab

1

Art-directed website prompts as slash commands for hero sections, landing pages, SaaS, portfolios, e-commerce and 3D/WebGL scenes, each with a live demo.

rnv-color

RNVizion

1

Mix colors (including Kubelka-Munk paint physics), convert formats, generate harmonies and save named palettes, resolving hex, CSS and brand color names.

diagramzu

yenchieh

1

Create Mermaid diagrams in a shared workspace, with version history, comments, embedding, presentation decks and diagram linting.

motionlint

bobaba99

0

Lint web animations with deterministic checks on the live page (duration, easing, stagger, exits, reduced motion, hover) plus optional vision-LLM UX review.

aesthete-agent

docsor1212

0

Mechanically validated frontend aesthetics for coding agents: an evidence-ranked palette library, OKLCH harmony generation, WCAG 2.2 + APCA contrast gates, color-blind simulation and AI-slop detection; installable as an agent skill or MCP server via uvx.

identityforge

KasayoDotCom

0

Design kits and brand workflows: browse and apply design systems, create shareable brand projects, and research names, domains and EUIPO trademarks.

den_archi

odd-Innocent

0

Korean architecture, engineering and construction knowledge: KDS, KCS and KS standards, statutes and expertise in one graph, with answers citing clauses.

debim

PRIDA-TAKON

0

Declarative BIM / Building-as-Code engine: model buildings in YAML, compute deterministic QTO/cost estimations, compile to IFC4, and view interactive 3D WebGL models.

diagrams-mcp-app-core

RedHold

0

Generate and edit draw.io cloud architecture diagrams from prompts, Terraform or Kubernetes manifests, fix Well-Architected warnings and export to SVG.

server-decisions

Roberton003

0

Architectural decision tracking with testable predictions and outcome gates, stored in append-only JSONL.

swebsy

swebsy

0

Build and edit real websites from the coding agent you already pay for — no per-token AI fees. Browse the template catalogue, create and open a site, rewrite sections, add and link pages, insert blocks, keep reusable symbols in sync, screenshot any viewport, and export static HTML/CSS/JS. Drives an open Swebsy Studio tab over a local 127.0.0.1 WebSocket relay; nothing is proxied through our servers and Studio redacts secrets before anything crosses the bridge. Install via NPM: npx -y @swebsy/mcp setup

architecture_viewer

tomyangod

0

Local architecture gate and CLI that diffs AI edits against git HEAD to detect new cross-layer dependencies and structural changes.