Beeknoee Logo
Đăng nhậpĐăng ký miễn phí

ZSeven-W/openpencil

Public

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.

agentagent-teamaiclaudeclaude-codecodexdsh-pluginfimgafluttermcpopencodeopenpencilpencilreactreact-nativerustskilluivibecodingvibedesign
Star6.9kFork603Watch45Mở trên GitHub
Beeknoee

Bee AI phân tích repositoryBETA

AI đọc README và cây file để tóm tắt, gợi ý cách dùng và đánh giá repository. Mọi con số lấy từ kho Bee, không do AI ước lượng.

Cập nhật lần cuối: 25/10/2026

Đăng nhập để hỏi Bee AI

Tóm tắt bởi Bee AI

OpenPencil là công cụ thiết kế vector mã nguồn mở tích hợp AI và Agent Teams song song, xây dựng dựa trên lõi Rust. Dự án hỗ trợ triết lý Design-as-Code thông qua định dạng file .op (JSON), tích hợp máy chủ MCP và khả năng xuất mã nguồn sang nhiều framework frontend.

  • Hỗ trợ biến prompt thành giao diện vector trực tiếp trên infinite canvas với luồng hiển thị thời gian thực.
  • Sở hữu Agent Teams chạy song song để chia nhỏ trang và tạo đồng thời nhiều thành phần như hero, features, footer.
  • Tích hợp sẵn máy chủ MCP cho phép điều khiển và chỉnh sửa file .op qua Claude Code, Codex, Kiro hoặc Copilot CLI.
  • Xuất thiết kế thành mã nguồn cho React, Tailwind CSS, Vue, Svelte, Flutter, SwiftUI, Jetpack Compose và React Native.

Lưu ý

  • Bản phát hành Windows installer có thể bị phần mềm diệt virus cảnh báo nhầm do chứng thực mới.
  • Phiên bản Web chỉ hỗ trợ các agent cấu hình API key sẵn; các agent dạng CLI/ACP chỉ chạy được trên desktop.

Điểm BeeTính thuần từ số liệu trong kho Bee, không phải AI chấm: bách phân vị sao 30% · độ tươi lần push 25% · fork và watcher 15% · README, giấy phép, mô tả 20% · có bản phát hành 10%.

  • Độ phổ biến81
  • Độ tươi100
  • Cộng đồng31
  • Tài liệu100
  • Phát hành20
  • Mức độ khóTrung bình
  • Phù hợp vớiLập trình viên · Nhà nghiên cứu
  • Loại dự ánỨng dụng
  • Giấy phépMIT

Kiến trúc & Công nghệ

Công nghệ AI nhận ra từ README và cây file — chỉ những mục nằm trong danh sách Bee kiểm.

Tech stack

  • Rust
  • WebAssembly
  • Docker
  • React
  • Tailwind CSS
  • Vue.js
  • Svelte
  • Flutter
  • React Native
  • MCP
  • NixOS
  • Bash

Kiến trúc tổng quan

Repository → công nghệ chính → các thư mục cấp 1 có thật trong repo; vai trò do AI mô tả.

  • crates/Mã nguồn các crate Rust cốt lõi (renderer, MCP server, desktop host).
  • packages/Chứa các SDK web và thư viện tích hợp JavaScript/TypeScript.
  • scripts/Các shell script hỗ trợ cài đặt CLI và khởi chạy máy chủ phát triển.
  • docs/Tài liệu kỹ thuật và hướng dẫn sử dụng dự án.
  • tools/Các công cụ phụ trợ trong quá trình phát triển.
  • vendor/Mã nguồn phụ thuộc bên ngoài và các git submodule.
  • nix/Cấu hình build và manifest phân phối cho hệ sinh thái Nix.

Hướng dẫn nhanh

Các bước để bắt đầu với repository này.

bash
git clone https://github.com/ZSeven-W/openpencil.git
cd openpencil

Các use case chính

Những ứng dụng có thể xây dựng từ repository này.

  • Tạo giao diện và mockup ứng dụng trên canvas vô hạn từ mô tả prompt ngôn ngữ tự nhiên.
  • Tự động hóa tác vụ thiết kế và chỉnh sửa file .op thông qua CLI (op) hoặc máy chủ MCP.
  • Nhúng bộ hiển thị file .op vào ứng dụng web thông qua op-web-sdk (Vanilla/React/Vue).
  • Hợp tác thiết kế đồ họa thời gian thực giữa nhiều người dùng qua kết nối peer-to-peer.

Repository tương tự

Cùng chủ đề trong kho Bee.

  1. 1freeCodeCamp/freeCodeCampfreeCodeCamp.org's open-source codebase and curriculum. Learn math, programming, and computer science for free.458.2k+454
  2. 2morluto/reaReverse engineer anything with agents, from app behavior down to native binaries.411.9k+39.2k
  3. 3openclaw/openclawThe AI that really does things. Any OS. Any Platform. The lobster way. 🦞393.5k+592
  4. 4obra/superpowersAn agentic skills framework & software development methodology that works.309.3k+5.1k
  5. 5affaan-m/ECCThe agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.293.3k+6.1k

Nội dung do AI sinh, có thể sai hoặc thiếu — số liệu lấy từ kho Bee, không do AI ước lượng. Cập nhật lần cuối: 25/10/2026.

Đăng nhập