{"repo":"jomvick/design-oracle","free":true,"listed":false,"github":"https://github.com/jomvick/design-oracle","clone":"git clone https://github.com/jomvick/design-oracle.git","description":"Analyze any website and extract its complete design system — colors, typography, spacing, components, UX patterns — export as Tailwind config, React components, design tokens, or DESIGN.md report","language":"Python","stars":54,"topics":["arq","design-system","design-tokens","fastapi","nextjs","playwright","react","redis","tailwind","website-analyzer"],"license":"MIT","category":"ui-components","readme_excerpt":"Design Oracle Analyze any website and extract its complete design system — colors, typography, spacing, components, UX patterns — then export it as Tailwind config, React components, design tokens, or a full DESIGN.md report. Works standalone or as an MCP server for AI agents (Cursor, Claude Code, opencode, etc.). Features - Full-page capture with Playwright (Chromium) - Design DNA — style classification, visual score, heuristics - Component detection — hero, pricing, nav, FAQ, etc. with bounding boxes - Live progress — SSE stream + Redis pub/sub - Exports — Tailwind v4, React JSX, JSON tokens, Markdown report - MCP integration — expose analysis tools to AI workflows Architecture Layer Stack ------- ------- Frontend Next.js 15, React 19, Tailwind v4, Framer Motion Backend FastAPI, SQLAlchemy (async), aiosqlite Worker ARQ + Redis Analysis Playwright, BeautifulSoup, TinyCSS2, Pillow Quick Start Option A — Docker Compose (recommended) Open http://localhost:3000 Option B — Local ( ./start.sh ) Prerequisites: Python 3.12+, Node.js 20+, Redis 7+ start.sh creates the venv, installs Playwright Chromium, starts Redis (Docker or native), the ARQ worker, Next.js (3000), and FastAPI (5000). Press Ctrl+C to stop all services. First run is slower (deps + Next.js compile). Subsequent runs are faster. Environment variables Variable Default Description ---------- --------- ------------- REDIS HOST localhost Redis hostname REDIS PORT 6379 Redis port API URL http://api:5000 Backend URL for Next","default_branch":null,"files":null,"tree":[],"storefront":"/r/jomvick","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/jomvick/design-oracle/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}