Home / AI Build Ideas / P023
輸入任一網站，自動抽出它的設計系統（色/字/元件），再用 AI 生成你的版本或競品分析，給接案者/小團隊快速建站。
①SaaS 訂閱（按專案/席次）②Gumroad 賣『競品設計拆解報告＋可改版模板』買斷做漏斗 ③接案者代建站服務 ④落地頁 Adsterra/Monetag＋Ko-fi。沿用 OSS Radar 報告/發佈模板出可交付物。
貼網址 → design-extract 抽出色票/字體/間距/元件清單 → open-design 依抽出系統生成『你的版本』或競品對照 → html-anything 重組成可編輯頁面 → 以 specification.website 為 rubric 打『規格/無障礙/SEO 分數』→ 輸出設計系統文件＋可改版頁面＋拆解報告（OSS Radar 模板）。
Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.
🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
✨ The agentic HTML editor — your local AI agent writes the HTML, you ship it. 🚀 75 Skills × 9 Surfaces (magazine · deck · poster · XHS / tweet · prototype · data report · Hyperframes) 🛡️ Sandboxed preview · 📤 1-click to WeChat / X / Zhihu / HTML / PNG 🔑 Zero API key — Claude Code / Cursor / Codex / Gemini / Copilot / OpenCode / Qwen / Aider.
Website specification — HTML, accessibility, security, SEO, agent-readiness. Platform-agnostic, sourced, MIT.