Open Design: Open-Source Alternative to Claude Design Runs on Your Local CLI Agents
Open Design (OD) is an open-source alternative to Anthropic's Claude Design, released 2026-04-17 on Opus 4.7. Unlike the closed-source, paid-only, cloud-only original, OD is local-first, web-deployable, and BYOK at every layer. It auto-detects 11 coding-agent CLIs on your PATH—Claude Code, Codex, Cursor Agent, Gemini CLI, OpenCode, Qwen, GitHub Copilot CLI, Hermes, Kimi, Pi, Kiro—and wires them into a skill-driven design workflow. No CLI? An OpenAI-compatible BYOK proxy works the same loop without the spawn.
Key Features
- 72 brand-grade Design Systems and 31 composable Skills (including bundled
skills/guizang-ppt-skillfrom op7418/guizang-ppt-skill for magazine-style decks with WebGL hero and P0/P1/P2 checklists) - 5-step brand-asset protocol from alchaincyf/huashu-design, with anti-AI-slop checklist and 5-dimensional self-critique; direction picker offers 5 schools × 20 design philosophies
- Live TodoWrite plan streams into the UI; agent builds a real on-disk project folder with seed template, layout library, and self-check checklist
- Sandboxed iframe preview (vendored React 18 + Babel) with live agent panel showing todos, tool calls, and interruptible generation
- Export to HTML, PDF, PPTX, ZIP, Markdown
- Runs locally via
pnpm tools-dev; web layer deployable to Vercel
Architecture
OD stands on four open-source projects: huashu-design (design philosophy), guizang-ppt-skill (deck mode), open-codesign (streaming artifact loop, live preview), and multica (daemon-and-runtime, PATH-scan age). The prompt stack trains the LLM to behave like a senior designer with a working filesystem, deterministic palette library, and checklist culture.
Typical workflow: prompt like "make me a magazine-style pitch deck for our seed round" triggers an interactive question form, the agent picks one of five curated visual directions, streams a TodoWrite plan, builds a project folder, runs pre-flight checks, performs a five-dimensional critique, and emits a single <artifact> rendered in a sandboxed iframe.
Who It's For
Developers who already use AI coding agents (Claude Code, Codex, Cursor, etc.) and want a local, open-source design engine without cloud lock-in or per-seat fees.
📖 Read the full source: HN AI Agents
👀 See Also
OpenClaw SEO Audit Skill Released for Technical Website Analysis
A new OpenClaw skill performs comprehensive SEO audits with the command 'seo audit [url]', checking technical SEO, content quality, on-page elements, structured data, performance metrics, images, and AI search readiness, outputting a health score and prioritized action plan.
Open-source Claude Code plugin simulates Chief Data & AI Office with 22 specialized agents
An open-source Claude Code plugin called AI CDAIO Office uses 22 specialized AI agents to simulate a complete Chief Data & AI Office, generating actual PPTX, DOCX, and XLSX files for strategy documents, governance frameworks, and board materials.
gui.new: Tool for Claude to Render Visual Output as Shareable Links
gui.new is a tool that lets Claude render visual output as live shareable links instead of returning code blocks. It's built with Claude, uses Next.js on Vercel with Supabase, and requires no signup.
Claude-Code v2.1.111 adds Opus 4.7 xhigh effort, /ultrareview, and PowerShell tool
Claude-Code v2.1.111 introduces the Opus 4.7 xhigh effort level between high and max, adds the /ultrareview command for cloud-based multi-agent code reviews, and begins rolling out PowerShell tool support on Windows. The update also includes interactive /effort controls, auto theme matching, and numerous bug fixes.