openpencil
The first open-source AI-native vector design tool, supporting concurrent agent teams and design-as-code.
- Type
- MCP
- Transport
- stdio
- Open source
- Yes
- GitHub Stars
- ★ 3.4k
- Source
- mcp-github
- Repository
- github.com/ZSeven-W/openpencil
Overview
OpenPencil is the world's first open-source AI-native vector design tool, supporting concurrent agent teams, design-as-code, and featuring an integrated MCP server. Users can describe UIs in natural language and generate them in real time on the canvas. Multiple AI agents can work simultaneously on different parts, improving design efficiency. It also supports intelligent adaptation across various models and provides multi-platform code export functionality. Ideal for developers and designers seeking efficient design workflows.
Capabilities
- ▪Generate UIs in real time from natural language descriptions
- ▪Collaborative work with concurrent agent teams
- ▪Intelligent model adaptation across multiple models
- ▪Built-in MCP server
- ▪Multi-platform code export
- ▪Generate design variables as CSS custom properties
Use cases
Setup
npm install -g @zseven-w/openpencil or install the desktop app via Homebrew/Scoop
This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.
FAQ
Which platforms does OpenPencil support?
Supports macOS, Windows, and Linux.
How do I install the OpenPencil CLI?
Install globally using npm: npm install -g @zseven-w/openpencil.
Related skills
material-3-skill
Material Design 3 skills, supporting over 30 components, design tokens, themes, and responsive layouts.
ui-ux-pro-max-skill-cn
Professional-grade UI/UX design intelligence for AI coding assistants.
xhs-visual-director-skill
Visual director for Xiaohongshu image and text planning, offering multi-page structure and visual solutions.
drawio-skill
Generate draw.io diagrams from natural language, supporting multiple presets and export formats.
logo-generator-skill
Professional SVG logo generator with multiple design variants and presentation backgrounds.
claude-skill-aso-appstore-screenshots
Generate high-quality App Store screenshots to boost app download rates.