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
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 5.9k estrellas en GitHub y su última actualización registrada es del 2026-09-14.
¿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 97/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 del 2026-09-14, con 18 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 应用开发
Build Agentic workflows, RAG pipelines, with rich AI model and tool support on one collaborative workspace. Deploy on cloud, VPC, or self-hosted, so teams move from prototype to production without rebuilding the stack.
The agent engineering platform.
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.