The world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
OpenPencil is an open-source, AI-native vector design tool that lets users describe UI components in natural language and watch them render directly on an infinite canvas in real time. It connects to Claude through a built-in MCP server that supports one-click installation into Claude Code, enabling terminal-based creation, reading, and modification of `.op` design files via any MCP-compatible agent. A standout feature is its Concurrent Agent Teams system, where an orchestrator breaks a complex page into spatial sub-tasks and dispatches multiple AI agents to work on separate sections simultaneously, each with its own canvas indicator showing progress. The tool stores designs in a human-readable JSON format, making files Git-friendly and diffable. Code export targets React plus Tailwind, HTML plus CSS, Vue, Svelte, Flutter, SwiftUI, Jetpack Compose, and React Native from a single source file. An embeddable SDK and a command-line tool called `op` round out the package, making it relevant to UI designers, frontend developers, and anyone building design tooling into larger workflows.
- ✓Open-source license (MIT)
- ✓Actively maintained (<30d)
- ✓Healthy fork ratio
- ✓Clear description
- ✓Topics declared
- ✓Documented (README)
git clone https://github.com/ZSeven-W/openpencil && cp openpencil/*.md ~/.claude/agents/Resumen de Subagents
Lo que la gente pregunta sobre openpencil
¿Qué es ZSeven-W/openpencil?
+
ZSeven-W/openpencil es subagents para el ecosistema de Claude AI. The world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil. Tiene 3.3k estrellas en GitHub y se actualizó por última vez today.
¿Cómo se instala openpencil?
+
Puedes instalar openpencil clonando el repositorio (https://github.com/ZSeven-W/openpencil) o siguiendo las instrucciones del README en GitHub. ClaudeWave también te ofrece bloques de instalación rápida en esta misma página.
¿Es seguro usar ZSeven-W/openpencil?
+
Nuestro agente de seguridad ha analizado ZSeven-W/openpencil y le ha asignado un Trust Score de 100/100 (tier: Verified). Revisa el desglose completo de comprobaciones superadas y flags en esta página.
¿Quién mantiene ZSeven-W/openpencil?
+
ZSeven-W/openpencil es mantenido por ZSeven-W. La última actividad registrada en GitHub es de today, con 14 issues abiertos.
¿Hay alternativas a openpencil?
+
Sí. En ClaudeWave puedes explorar subagents similares en /categories/agents, ordenados por popularidad o actividad reciente.
Despliega openpencil en tu cloud
Lleva este repo a producción en minutos. Cada plataforma genera su propio entorno con variables de entorno editables.
¿Mantienes este repo? Añade un badge a tu README
Pega el badge en tu README de GitHub para mostrar que está auditado por ClaudeWave. Cada badge enlaza de vuelta a esta página y muestra el Trust Score actual.
[](https://claudewave.com/repo/zseven-w-openpencil)<a href="https://claudewave.com/repo/zseven-w-openpencil"><img src="https://claudewave.com/api/badge/zseven-w-openpencil" alt="Featured on ClaudeWave: ZSeven-W/openpencil" width="320" height="64" /></a>Más Subagents
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
The agent that grows with you
Java 面试 & 后端通用面试指南，覆盖计算机基础、数据库、分布式、高并发、系统设计与 AI 应用开发
Production-ready platform for agentic workflow development.
The agent engineering platform.
🤯 LobeHub is your Chief Agent Operator, organizing your agents into 7×24 operations by hiring, scheduling, and reporting on your entire AI team.