open-design-ai-prototyping
Open Design AI Prototyping
Skill by ara.so — Devtools Skills collection.
Open Design is an open-source, local-first alternative to Claude Design. It transforms coding agents (Claude Code, Cursor, Codex, Gemini CLI, etc.) into design engines by providing 31 composable skills, 129 brand-grade design systems, and sandboxed preview with HTML/PDF/PPTX/MP4 export capabilities.
What It Does
- Agent-Native Design: Detects 16 coding-agent CLIs on your PATH and orchestrates them through structured design workflows
- Multi-Format Generation: Web prototypes, mobile apps, pitch decks, slides, images (gpt-image-2), videos (Seedance 2.0), and motion graphics (HyperFrames)
- Design Systems: 129 built-in systems including Linear, Stripe, Vercel, Apple, Notion, and 57 design skills from awesome-design-skills
- Export Options: HTML, PDF, PPTX, ZIP, Markdown, MP4
- Local-First: SQLite persistence, real filesystem access, sandboxed preview iframe
- BYOK Support: Bring Your Own Key for OpenAI, Anthropic, Azure OpenAI, Google Gemini via proxy
Installation
Prerequisites
More from aradotso/devtools-skills
cli-anything-agent-native-software
Generate and use command-line interfaces that make any software controllable by AI agents with structured JSON output
74opencli-universal-cli-hub
Convert websites, Electron apps, and local tools into standardized CLIs for AI agents and humans using OpenCLI's browser automation and adapter framework.
73op-auto-clicker
Automate mouse clicks with customizable intervals, hotkeys, and macros using OP Auto Clicker for Windows
72chrome-devtools-mcp-automation
Use Chrome DevTools MCP to control Chrome, debug web apps, analyze performance, and automate browser tasks via MCP tools
71wx-cli-wechat-local-data
Query and export local WeChat data (messages, contacts, moments, favorites) from the command line with daemon architecture
70officecli-office-automation
Use OfficeCLI to create, read, and edit Word, Excel, and PowerPoint files from the command line with AI-friendly commands.
69