OpenDesign: Giải pháp thay thế thiết kế Claude mã nguồn mở

⚡ OpenDesign Cloud — dịch vụ mô hình chính thức. Một lần nạp tiền để sử dụng cả mô hình tác nhân và hình ảnh bên trong OpenDesign: GPT, Claude và DeepSeek cho tác nhân; GPT Image 2.0, Seedream 5.0 Pro và Nano Banana 2.0 cho hình ảnh.

🚀 DeepSeek V4 Flash và V4 Pro hiện đã có sẵn. Sử dụng trí thông minh hàng đầu để làm việc trên các nguyên mẫu, bộ bài, hệ thống thiết kế và các nhiệm vụ tác nhân hàng ngày. Thành viên OpenDesign có thể sử dụng không giới hạn cả hai mô hình trong hai tuần, trực tiếp bên trong ứng dụng.

🧩 DeepSeek Khai thác hiện được hỗ trợ. Kết nối chính thức của DeepSeek dsh khai thác tác nhân vào OpenDesign dưới dạng thời gian chạy gốc, với tư duy có cấu trúc, lệnh gọi công cụ, khám phá mô hình, hủy bỏ và tiếp tục phiên. Các tệp đã tạo sẽ nằm trong quy trình làm việc của OpenDesign để xem trước và phân phối trực tiếp.

Trang web · Tải xuống · Đám mây OpenDesign · Bất hòa · Theo dõi @OpenDesignHQ

Tiếng Anh · tiếng Tây Ban Nha · người Bồ Đào Nha · tiếng Đức · người Pháp · 简体中文 · 繁體中文 · 한국어 · 日本語 · العربية · Русский · Українська · Türkçe · ภาษาไทย

---

OpenDesign là gì

🎨 Giải pháp thay thế Thiết kế Claude mã nguồn mở.  🖥️ Ứng dụng máy tính để bàn gốc cục bộ đầu tiên dành cho macOS và Windows.  ⚡ Kỹ năng tổng hợp, đẳng cấp thương hiệu DESIGN.md hệ thống thiết kế và các plugin sẵn sàng sử dụng.  🖼️ Tạo ra web · máy tính để bàn · nguyên mẫu di động, bảng điều khiển/tạo tác trực tiếp, bộ bài, hình ảnh, video, cộng Siêu khung đồ họa chuyển động. 🔒 Xem trước iframe trong hộp cát · Xuất HTML / PDF / PPTX / MP4. 🤖 Chạy trên dây nịt DeepSeek (dsh) · Claude Code · OpenClaw · Codex · Cursor · OpenCode · Qwen · Copilot · Amp · Hermes · Kimi · Chống trọng lực và 26 tệp thực thi CLI cục bộ riêng biệthoặc bất kỳ điểm cuối tương thích OpenAI nào thông qua BYOK.

OpenDesign là những gì bạn nhận được khi đại lý gốc vòng lặp Anthropic được vận chuyển cùng với Thiết kế Claude — khám phá bản tóm tắt, khóa hướng, truyền phát hiện vật, phê bình, phân phối — ngừng đóng và trở thành một hệ thống tập tin về các kỹ năng chức năng, hiển thị mẫu thiết kế, hệ thống thiết kế và plugin rằng các tác nhân mã hóa đã có trên máy tính xách tay của bạn có thể đọc, viết và phối lại. CLI của bạn trở thành công cụ thiết kế, máy tính xách tay của bạn trở thành studio và nhóm của bạn DESIGN.md trở thành hợp đồng thương hiệu.

Đó cũng là Figma thay thế cho kỷ nguyên đại lý — thay vì đẩy các pixel lên khung vẽ, nó cung cấp các tạo phẩm một trang bằng CSS thực, phông chữ thực, thành phần thực, được xuất thẳng sang HTML / PDF / PPTX / MP4 — đã được định hình bởi hệ thống thiết kế của bạn, có thể chạy được bên trong tác nhân bạn sử dụng hàng ngày.

---

Tham quan sản phẩm

Xem nhanh quy trình làm việc cốt lõi của OpenDesign. Bắt đầu từ Trang chủ với một bản tóm tắt ngắn gọn, hãy khám phá các kỹ năng có thể sử dụng lại trong Pluginvà biến các tham chiếu thương hiệu thành Hệ thống thiết kế. Sau đó nhập dự án Studio để tạo và tinh chỉnh các nguyên mẫu, bản trình bày, ứng dụng di động, hình ảnh, tài liệu và HyperFrame ở một nơi.

Các trang cốt lõi

Trang chủ — chọn loại tạo tác, nhập bản tóm tắt và đặt hệ thống thiết kế, thư mục làm việc và mô hình trước khi bạn bắt đầu.

Plugin - duyệt các kỹ năng chính thức theo danh mục, tìm kiếm danh mục và khởi chạy quy trình làm việc với Try it.

Hệ thống thiết kế - trích xuất và tinh chỉnh ngôn ngữ hình ảnh của thương hiệu, xem trước kết quả và tạo bằng nó trong cùng một không gian làm việc.

Studio — nhiều loại tạo tác trong một dự án

Trong Studio của dự án, cuộc trò chuyện, tệp được tạo và bản xem trước trực tiếp được kết hợp với nhau trên sáu loại tạo phẩm:

Nguyên mẫu — tạo hoặc xây dựng lại trải nghiệm web, kiểm tra trang được hiển thị và lặp lại với tác nhân tại chỗ.	Deck — tạo bản trình bày nhiều slide, xem lại hình thu nhỏ và ghi chú của người thuyết trình, đồng thời xuất khi sẵn sàng.
Ứng dụng dành cho thiết bị di động - tạo và cải thiện giao diện di động trong bản xem trước thiết bị, với cuộc trò chuyện, tệp đầu ra và hành động bước tiếp theo bên cạnh.	Hình ảnh - tạo nội dung trực quan từ cuộc trò chuyện về dự án, xem trước kết quả ở kích thước đầy đủ, sau đó tải xuống hoặc mở nó.
Tài liệu - tạo các tài liệu biên tập và hướng dẫn nhiều trang, bóng bẩy, kiểm tra bố cục được hiển thị và xuất hoặc chia sẻ khi sẵn sàng.	HyperFrame — xây dựng đồ họa chuyển động dựa trên mã, xem trước hoạt ảnh trong Studio và xuất video hoàn chỉnh.

---

Khả năng tương thích nền tảng

OpenDesign kết nối với các tác nhân mã hóa chính thống theo hai cách: kỹ năng, CLI và MCP dành cho các đại lý tiêu thụ OD, cộng thêm bộ điều hợp thời gian chạy gốc dành cho các đại lý mà OD triển khai trực tiếp. DeepSeek Khai thác là thời gian chạy gốc hạng nhất thông qua chính thức dsh CLI, với tính năng phát trực tuyến có cấu trúc, khám phá mô hình, hủy và tiếp tục phiên.

Tác nhân/nền tảng mã hóa	Trạng thái	Thiết lập nhanh
Claude Code	✅ Được hỗ trợ	od mcp install claude
Claude Máy tính để bàn	✅ Được hỗ trợ¹	od mcp install claude-desktop
Codex CLI	✅ Được hỗ trợ	od mcp install codex
DeepSeek Lý do	✅ Được hỗ trợ	od mcp install reasonix
DeepSeek Dây nịt	✅ Thời gian chạy gốc	od agent setup deepseek-harness
con quạ	✅ Được hỗ trợ	od mcp install raven
Cursor	✅ Được hỗ trợ	od mcp install cursor
VS Code + GitHub Copilot	✅ Được hỗ trợ	od mcp install copilot
GitHub Copilot CLI	✅ Được hỗ trợ	od mcp install copilot
Mã mở	✅ Được hỗ trợ	od mcp install opencode
OpenClaw	✅ Được hỗ trợ	od mcp install openclaw
phản trọng lực	✅ Được hỗ trợ	od mcp install antigravity
Cline	✅ Được hỗ trợ	od mcp install cline
Trà	✅ Được hỗ trợ	od mcp install trae
Kimi CLI	✅ Được hỗ trợ	od mcp install kimi
Kiro	✅ Được hỗ trợ	od mcp install kiro
Đại lý Pi	✅ Được hỗ trợ	od mcp install pi
Mistral Khí chất CLI	✅ Được hỗ trợ	od mcp install vibe
Đại lý Hermes	✅ Được hỗ trợ	od mcp install hermes

Đối với Khai thác DeepSeek, hãy cài đặt bản chính thức dsh CLI trước, sau đó chọn nó trong OpenDesign hoặc chạy od agent setup deepseek-harness để cài đặt/sửa chữa thành phần kết nối của OD. Đối với tích hợp MCP: od mcp install <agent> --print để xem trước chạy thử · --uninstall để loại bỏ · danh sách đầy đủ với od mcp install --help.

¹ Cấu hình MCP tự động cho Claude Máy tính để bàn hiện chỉ được hỗ trợ trên macOS và Windows.

Chưa cài đặt CLI? Proxy BYOK tại POST /api/proxy/{anthropic,openai,azure,google,ollama,senseaudio}/stream cung cấp cho bạn vòng lặp tương tự (không có quá trình sinh ra) - dán baseUrl + apiKey + model, với các giá trị đặt trước cho OpenAI, Atlas Cloud, Anthropic, Azure OpenAI, Google Gemini, Ollama, LM Studio, vLLM hoặc bất kỳ điểm cuối nào tương thích với OpenAI. Công dụng của Đám mây Atlas https://api.atlascloud.ai/v1 bằng khóa riêng của bạn và id mô hình tương thích với OpenAI, chẳng hạn như qwen/qwen3.5-flash. Bảo vệ SSRF trên mỗi mục tiêu chặn các IP nội bộ / link-local / CGNAT ở rìa daemon.

Định nghĩa thời gian chạy tồn tại trong apps/daemon/src/runtimes/defs/, với việc đăng ký và xử lý luồng chia sẻ trong apps/daemon/src/runtimes/. Xem docs/agent-adapters.md cho hợp đồng bộ chuyển đổi.

---

Bản trình diễn

Bốn danh mục sản phẩm cốt lõi, tất cả đều được hiển thị bởi tác nhân mã hóa chạy trên máy tính xách tay của bạn. Nhấp vào hình thu nhỏ để xem ví dụ thực tế.

1 · Nguyên mẫu — web · máy tính để bàn · di động

Bề mặt đầu ra mặc định. Các tạo phẩm HTML một trang đọc DESIGN.md và hiển thị trong iframe được đóng hộp cát.

Nguyên mẫu web - bảng điều khiển biên tập với thanh cuộn, KPI và biểu đồ. Kết xuất trực tiếp từ design-templates/dating-web/.

Nguyên mẫu ứng dụng dành cho thiết bị di động — luồng trò chơi gồm ba màn hình với dải băng XP và chi tiết nhiệm vụ. Chuyển thẳng sang Cursor / Codex / Claude Code để biến thành React/Next/Vue.

2 · Tạo tác và bảng điều khiển trực tiếp

Bảng điều khiển trực tiếp, phòng quyết định, tường KPI — các tạo phẩm một trang kéo dữ liệu qua bảng chỉnh sửa và luôn có thể chỉnh sửa tại chỗ.

Bảng điều khiển trực tiếp - một bức tường KPI có thể chỉnh sửa có bảng điều chỉnh hiển thị các thông số đáng để chỉnh sửa. Tác nhân phát ra một bảng kê khai và iframe sẽ hiển thị lại mà không cần tải lại.	Phòng quyết định — một tạo phẩm tóm tắt đa nguồn dành cho các cuộc họp về sản phẩm/nghiên cứu/hoạt động.
Trang tổng quan kiểu GitHub — số liệu kho lưu trữ được trình bày dưới dạng một tạo phẩm trực tiếp.	Mẫu bảng điều khiển trực tiếp theo luồng — mẫu KPI dành riêng cho miền, được gắn thương hiệu thông qua hoạt động DESIGN.md.

3 · Decks — tạp chí, cập nhật hàng tuần, quảng cáo chiêu hàng

Chế độ boong (guizang-ppt) — bố cục tạp chí, anh hùng WebGL, danh sách kiểm tra P0/P1/P2. Nguyên văn được gói từ op7418/guizang-ppt-skill với giấy phép ban đầu được bảo tồn.

Bộ bài theo phong cách Quốc tế Thụy Sĩ — các điểm nhấn đơn sắc, có lưới neo. Một trong 15 mẫu bộ bài và 36 chủ đề bên dưới design-templates/html-ppt-*/.

Mỗi bộ bài xuất sang HTML (tệp đơn, nội dung nội tuyến), PDF (in trình duyệt, nhận biết boong), PPTX (kỹ năng điều khiển tác nhân), Mã ZIP (lưu trữ), hoặc Giảm giá.

4 · Hình ảnh — gpt-image-2, ImageRouter, tùy chỉnh API

Bản đồ thực phẩm thành phố minh họa Poster du lịch biên tập vẽ tay

Cảnh thang máy trong phim Ảnh tĩnh biên tập một khung

chân dung cyberpunk Hình đại diện hồ sơ — văn bản khuôn mặt neon

cầu thang đá 3D Infographic đá đẽo

Chân dung quyến rũ Ảnh chụp studio biên tập

93 lời nhắc sẵn sàng để sao chép sống ở prompt-templates/ — xem trước hình thu nhỏ, nội dung lời nhắc đầy đủ, mô hình mục tiêu, tỷ lệ khung hình và ghi công nguồn. Một cú nhấp chuột sẽ đưa một bản tóm tắt vào trình soạn thảo.

5 · Video & HyperFrames — đồ họa chuyển động gốc tác nhân

Siêu khung là khung video gốc dành cho tác nhân, mã nguồn mở của HeyGen, được tích hợp như một công dân hạng nhất trong OpenDesign. Tác nhân viết HTML + CSS + GSAP và HyperFrames hiển thị nó thành MP4 xác định thông qua Chrome + FFmpeg không đầu. Ghép nối nó với Hạt giống 2.0 dành cho điện ảnh t2v / i2v, Veo 3 / Sora 2 / Kling 2 đối với các biến thể mô hình được định tuyến và Suno v5 / Lyria 2 cho lớp âm thanh.

Quảng cáo sản phẩm SaaS trong 30 giây · 16:9 · Tiết lộ giao diện người dùng 3D	Đầu nói karaoke TikTok · 9:16 · TTS + chú thích được đồng bộ hóa từ	Cuộn phim hấp dẫn thương hiệu thập niên 30 · 16:9 · loại động học phản ứng âm thanh	Cuộc đua biểu đồ thanh · 16:9 · Đồ họa thông tin dữ liệu kiểu NYT
Bản đồ chuyến bay · 16:9 · Tiết lộ lộ trình kiểu Apple	Logo điện ảnh 4s outro · 16:9 · lắp ráp từng mảnh + nở hoa	$0 → Máy đếm tiền $10K · 9:16 · Sự cường điệu kiểu Apple	Chuyển từ trang web sang video · 16:9 · chụp trang web ở 3 khung nhìn

11 mẫu HyperFrames + 39 lời nhắc Seedance đi kèm với kho lưu trữ. Hình thu nhỏ của danh mục © HeyGen; khuôn khổ là Apache-2.0. Quy trình kết xuất dành riêng cho OD (bộ nhớ đệm tổng hợp, cách giải quyết sandbox-exec, MP4-as-chip) được trình bày chi tiết trong design-templates/hyperframes/.

---

Tại sao OpenDesign

Vào tháng 4 năm 2026, Anthropic phát hành Claude Design — lần đầu tiên LLM ngừng viết văn xuôi và bắt đầu trực tiếp phân phối các tạo phẩm thiết kế. Nó đã lan truyền. Nhưng nó vẫn là nguồn đóng, chỉ trả phí, chỉ trên nền tảng đám mây, bị khóa theo mô hình của Anthropic, kỹ năng của Anthropic, bề mặt của Anthropic. Không thanh toán, không tự lưu trữ, không triển khai Vercel, không trao đổi trong đại lý của chính bạn.

OpenDesign (OD) là giải pháp thay thế nguồn mở. Cùng một vòng lặp, cùng một mô hình tinh thần ưu tiên tạo tác, không có điểm khóa nào:

• 🤖 Tác nhân gốc, mô hình bất khả tri. Chúng tôi không gửi một đại lý. các claude / codex / cursor-agent / copilot / hermes / kimi đã có trên của bạn PATH là động cơ thiết kế. Trao đổi với một cú nhấp chuột.
• 🧠 Cấp thương hiệu theo mặc định. Mỗi kết xuất đều đọc gói đang hoạt động DESIGN.md như hợp đồng thương hiệu cốt lõi. 151 gói hệ thống thiết kế được gửi cùng với kho lưu trữ; các gói kế thừa có thể DESIGN.md-chỉ, trong khi các gói mới hơn có thể thêm manifest.json, tokens.cssthành phần, tài sản và xuất xứ. Thả một thư mục vào, người chọn sẽ tìm thấy nó.
• 🖥️ Ưu tiên cục bộ, BYOK ở mọi lớp. Ứng dụng máy tính để bàn gốc dành cho macOS (Apple Silicon + Intel) và Windows (x64). Linux AppImage trên làn phát hành tùy chọn. Phân tích sản phẩm và phát lại phiên được chấp thuận; tính năng đo từ xa về độ an toàn và độ tin cậy luôn được bật. Trước khi mô tả đường dẫn dữ liệu daemon, người đóng góp và người vận hành PHẢI đọc AGENTS.md → Hợp đồng thư mục dữ liệu Daemon. README này KHÔNG PHẢI trình bày lại nó.
• 🌍 Có thể kết hợp trên bốn mặt phẳng. Plugin thực hiện các quy trình công việc có thể chạy được · có chức năng kỹ năng hành vi đại lý thực hiện · mẫu thiết kế thực hiện các bản thiết kế kết xuất · hệ thống thiết kế mang thương hiệu. Cả bốn đều sử dụng các thư mục di động, có thể phiên bản mà bất kỳ ai cũng có thể tạo và xuất bản.
• 🔁 Làm mới cơ sở mã hiện có. Đưa tay một git kho + DESIGN.md cho đại lý và nó sẽ tái cấu trúc các thành phần thực sự của bạn theo thông số kỹ thuật của thương hiệu. Các plugin chuyên dụng di chuyển quy trình làm việc của Figma / Pencil sang mã React / Next.js / Vue.
• 🔒 Quyền riêng tư bằng niềm tin. Mọi thứ chạy ở nơi có dữ liệu của bạn — máy tính xách tay, máy chủ của nhóm bạn, dự án Vercel của bạn. Khi cần mạng, proxy BYOK được bảo vệ SSRF.

So sánh

	Claude Thiết kế	hình ảnh	Đáng yêu / v0 / Bolt	Thiết kế mở
Nguồn mở	❌	❌	❌	✅ Apache-2.0
Tự lưu trữ / máy tính để bàn	❌	❌	❌	✅ macOS + Windows + Docker + Vercel web
Tác nhân gốc (chạy trong CLI của bạn)	chỉ Anthropic	❌	Chỉ đại lý đám mây	✅ 25 CLI + BYOK
Cấp thương hiệu DESIGN.md	độc quyền	Chủ đề JSON	Mã thông báo giới hạn	✅ 151 hệ thống được xuất xưởng
Kỹ năng/plugin/mẫu	Đã đóng	Cửa hàng plugin	Đã đóng	✅ Hơn 100 kỹ năng chức năng · mẫu kết xuất · 277 plugin
Siêu khung (HTML→MP4)	❌	❌	❌	✅Hạng nhất
Làm mới một repo hiện có cho thương hiệu	❌	❌	❌	✅thông qua đại lý + DESIGN.md
Thanh toán tối thiểu	Chuyên nghiệp / Tối đa / Đội	Chuyên nghiệp / Tổ chức	Chuyên nghiệp / Đội	BYOK · mọi điểm cuối tương thích

---

Bắt đầu nhanh

🖥️ Tải xuống ứng dụng dành cho máy tính để bàn (được khuyến nghị - không có cấu hình)

Cách nhanh nhất để sử dụng OpenDesign. Không có nút, không có pnpm, không có bản sao.

• macOS (Apple Silicon · Intel x64) → thiết kế mở.ai hoặc GitHub Bản phát hành
• cửa sổ (x64) → thiết kế mở.ai hoặc GitHub Bản phát hành
• Linux (AppImage, làn tùy chọn) → GitHub Bản phát hành

Sau khi cài đặt: ứng dụng tự động phát hiện mọi tác nhân mã hóa CLI trên thiết bị của bạn PATH, tải hơn 100 kỹ năng chức năng, danh mục mẫu kết xuất riêng biệt và 151 hệ thống thiết kế, đồng thời cho phép bạn nhập bản tóm tắt trong chế độ xem mục nhập.

🤖 Cài đặt vào tác nhân mã hóa của bạn (không có giao diện người dùng)

Bạn có thể sử dụng OpenDesign mà không cần mở GUI — gọi nó là máy chủ kỹ năng, plugin hoặc MCP bên trong Claude Code, Codex, Cursor, Copilot, OpenClaw, AntiGravity, Hermes, Kimi, v.v.

Nếu bạn đã cài đặt ứng dụng máy tính để bàn macOS thông qua thùng DMG hoặc Homebrew, trình bao của bạn vẫn có thể phân giải od với tính năng tích hợp của Apple /usr/bin/od tiện ích kết xuất bát phân. Trong trường hợp đó, hãy mở Cài đặt → máy chủ MCP trong ứng dụng dành cho máy tính để bàn và sao chép đoạn mã dành riêng cho khách hàng; nó sử dụng các đường dẫn tuyệt đối và không dựa vào đường dẫn trần od lệnh.

# One-line install into the agent you're using:
od mcp install <agent>
# <agent> = claude | codex | reasonix | raven | cursor | copilot | openclaw
#         | antigravity | pi | vibe | hermes | cline | kimi | kiro
#         | trae | opencode

# Hosted equivalent for curl-based setup:
curl -fsSL https://open-design.ai/install.sh | sh -s <agent>

install.sh là một lớp vỏ mỏng bọc xung quanh od mcp install; nó tồn tại nên URL được lưu trữ trả về shell thay vì dự phòng HTML của trang đích và không thành công nhanh nếu shell của bạn giải quyết Thiết kế không mở od nhị phân.

người dùng macOS/WSL2: /usr/bin/od là lệnh kết xuất bát phân của hệ thống và có thể che khuất OpenDesign od lệnh. Người dùng ứng dụng dành cho máy tính để bàn nên ưu tiên Cài đặt → máy chủ MCP đoạn trích; Người dùng WSL2 nên làm theo WSL2 setup guide đầu tiên.

Sau đó, bên trong đại lý:

> Use open-design to generate a landing page with the Linear design system

Trong lần chạy CLI cục bộ được hỗ trợ bởi hệ thống tệp, tác nhân sẽ soạn thảo kỹ năng chức năng hoặc mẫu thiết kế đã chọn với DESIGN.md, ghi các tệp dự án chuẩn và OpenDesign xem trước các tệp đó. Thay vào đó, một BYOK/plain-API chạy không có công cụ hệ thống tập tin sẽ trả về một kết quả hoàn chỉnh <artifact> khối.

🐳 Chạy với Docker

git clone https://github.com/nexu-io/open-design.git
cd open-design/deploy
cp .env.example .env
echo "OD_API_TOKEN=$(openssl rand -hex 32)" >> .env
docker compose up -d
# open http://127.0.0.1:7456

Nếu trình duyệt yêu cầu thông tin xác thực, hãy sử dụng open-design như tên người dùng và OD_API_TOKEN giá trị từ deploy/.env như mật khẩu. Điều này giúp lưu lượng truy cập cầu Docker được xác thực mà không yêu cầu kết nối mạng máy chủ. Khách hàng API có thể tiếp tục sử dụng Authorization: Bearer <OD_API_TOKEN>.

🚀 Triển khai trên Sealos

Mẫu Sealos App Store chạy hình ảnh OpenDesign Docker đã xuất bản với bộ nhớ không gian làm việc liên tục và Xác thực cơ bản trên proxy công cộng. Đối với việc triển khai Docker công khai hoặc chia sẻ tùy chỉnh, hãy làm theo proxy ngược và OPEN_DESIGN_ALLOWED_ORIGINS hướng dẫn trong deploy/README.md.

🧑‍💻 Chạy từ nguồn

git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web

Mở URL được in bởi tools-dev; các cổng phát triển được phân bổ động trừ khi bạn chuyển cờ cổng rõ ràng.

Nút ~24, pnpm 10.33.x. Người dùng WSL2, xem docs/wsl-setup.md; người dùng Windows gốc, xem docs/windows-troubleshooting.md. Khởi động nhanh đầy đủ, các lọ env, vảy Nix và quy trình xây dựng đóng gói → QUICKSTART.md.

Quy trình làm việc đầy đủ — từ tóm tắt đến tạo tác

brief → plugin → direction → design system → artifact → handoff → memory

1. Một Thủ tướng nộp bản tóm tắt. Bộ chọn plugin cung cấp trang đích · bản quảng cáo chiêu hàng · bảng điều khiển · bài đăng trên mạng xã hội · Thông số PM · Thẻ điểm OKR…
2. Người thiết kế (hoặc người đại diện) khóa hướng. Không có thương hiệu? Chọn từ 5 hướng giám tuyển. Có thương hiệu? Thả ảnh chụp màn hình / URL → tác nhân kết nối GitHub, nhập Figma và mã hóa một bản tái sử dụng DESIGN.md.
3. Đại lý tạo ra sản phẩm đầu tiên có thể giao được. Plugin + kỹ năng chức năng hoặc mẫu thiết kế + DESIGN.md bị ràng buộc. CLI được hệ thống tập tin hỗ trợ chạy ghi các tệp dự án chuẩn và bản xem trước theo sau chúng; BYOK/plain-API chạy mà không có công cụ tập tin trả về một bản hoàn chỉnh <artifact> khối.
4. Chuyển sang kỹ thuật. Cấu phần phần mềm là HTML/CSS thực — hãy thả nó vào Cursor, Codex hoặc Claude Code để tiếp tục xây dựng dưới dạng mã. Hoặc xuất PPTX / PDF / MP4 thẳng sang tiếp thị.
5. OpenDesign trở nên thông minh hơn khi bạn sử dụng nó. Ảnh chụp màn hình, phông chữ, bảng màu và các tạo phẩm đã được xác nhận của bạn sẽ tích lũy làm mặc định cho phiên tiếp theo. Ít làm lại, ít trôi hơn.

---

Sử dụng OpenDesign từ tác nhân mã hóa của bạn

OpenDesign gửi một máy chủ stdio MCP và mỗi đại lý cài đặt tập lệnh. Bất kỳ tác nhân tương thích với MCP nào trong một kho lưu trữ khác đều có thể đọc trực tiếp các tệp từ các dự án OpenDesign cục bộ của bạn — mã thông báo CSS, thành phần JSX, HTML mục nhập — dưới dạng API có cấu trúc có thể truy vấn theo tên. Tác nhân luôn nhìn thấy tệp trực tiếp chứ không phải bản xuất cũ.

# One-line install (16+ CLIs supported):
od mcp install <agent>

# Then the agent can:
od project list --json
od files list <project-id> --json
od files read <project-id> <relative-path>
od plugin list --json
od skills list --json

Tại sao lại là MCP? Xuất và đính kèm lại zip mỗi lần lặp lại sẽ ngắt dòng. MCP hiển thị trực tiếp nguồn thiết kế - tác nhân luôn nhìn thấy tệp trực tiếp.

Đối với một đại lý bắt đầu từ đầu, nơi cài đặt ~/.config/<agent>/open-design.json (hoặc nền tảng tương đương) cộng với đoạn mã MCP sao chép-dán. Cursor nhận được liên kết sâu chỉ bằng một cú nhấp chuột; Claude Code nhận được một claude mcp add-json một lớp lót; mọi tác nhân khác đều nhận được JSON trong lược đồ mà cấu hình của nó mong đợi. Trên các bản cài đặt máy tính để bàn macOS, hãy ưu tiên đoạn Cài đặt đó hơn là gõ trần od mcp install <agent> trong Terminal, bởi vì /usr/bin/od có thể giành chiến thắng trên PATH. Luồng đầy đủ của mỗi tác nhân → Cài đặt → máy chủ MCP trong ứng dụng dành cho máy tính để bàn hoặc docs/agent-adapters.md.

Mô hình an ninh. Chỉ đọc theo mặc định, daemon liên kết với 127.0.0.1và SSRF bị chặn ở cạnh proxy. Tiếp xúc với mạng LAN yêu cầu rõ ràng OD_BIND_HOST cộng thêm OD_ALLOWED_ORIGINS. Bất kể thông tin đăng nhập của trình kết nối và tuyến xem trước nội dung trực tiếp vẫn chỉ ở trạng thái lặp lại.

Điểm cuối mô hình được lưu trữ nội bộ. Để ngăn chặn SSRF, daemon chặn các URL cơ sở của nhà cung cấp phân giải thành các dải địa chỉ riêng tư/nội bộ (RFC1918, link-local, CGNAT và IP siêu dữ liệu đám mây) theo mặc định, hiển thị Internal IPs blocked. Nếu bạn chạy một cổng được lưu trữ nội bộ (ví dụ: LiteLLM hoặc Ollama trên một cổng chỉ dành cho VPN 10.x/192.168.x địa chỉ), hãy chọn không tham gia máy chủ đó bằng OD_ALLOWED_INTERNAL_HOSTS=<host1>,<host2>,... — danh sách tên máy chủ hoặc IP trần được phân tách bằng dấu phẩy hoặc khoảng trắng (10.0.0.5, litellm.internal.corp; một host:port hoặc URL đầy đủ được chấp nhận và rút gọn thành tên máy chủ của nó; IPv6 phải được đặt trong ngoặc, ví dụ: [fd00::1]). Danh sách cho phép có tính năng chọn tham gia nghiêm ngặt (theo mặc định là trống), máy chủ lưu trữ chính xác (không khớp với tên miền phụ/chuỗi con) và áp dụng chỉ tới các điểm cuối của nhà cung cấp mà bạn định cấu hình (kiểm tra kết nối, khám phá mô hình, trò chuyện BYOK). Nó cố tình làm không nới lỏng biện pháp bảo vệ đối với các URL tải xuống được trả về bên trong các phản hồi ngược dòng vốn vẫn bị chặn. Một mục nhập không đúng định dạng — hoặc ký hiệu CIDR, không được hỗ trợ — sẽ bị loại bỏ kèm theo một cảnh báo thay vì được tin cậy một cách thầm lặng, do đó, lỗi đánh máy không bao giờ âm thầm mở rộng (hoặc không mở rộng) phạm vi bảo vệ. Việc đưa tên máy chủ vào danh sách cho phép sẽ tin cậy bất cứ điều gì nó phân giải (như OD_ALLOWED_ORIGINS); Thay vào đó, hãy đưa IP đã phân giải vào danh sách cho phép nếu bạn muốn kiểm tra lại địa chỉ đã phân giải DNS.

---

Kỹ năng và mẫu thiết kế

Hơn 100 kỹ năng chức năng được cung cấp skills/. Mỗi người đều tuân theo các Kỹ năng của Đặc vụ SKILL.md quy ước và cung cấp hành vi, tài liệu tham khảo hoặc tiện ích của tác nhân có thể tái sử dụng. Phần khởi đầu có thể kết xuất nằm riêng biệt trong design-templates/; họ cũng có thể sử dụng SKILL.md, nhưng chúng điền vào danh mục mẫu thiết kế thay vì sổ đăng ký kỹ năng chức năng.

Hai chế độ neo danh mục mẫu thiết kế: prototype (các tạo phẩm một trang trên web/di động/máy tính để bàn) và deck (trình bày vuốt ngang). Các mẫu khác bao gồm image, video, audiovà các bề mặt tiện ích. các scenario mẫu nhóm trường theo đối tượng: design · marketing · operation · engineering · product · finance · hr · sale · personal.

Mẫu thiết kế	Chế độ	Kịch bản	Những gì nó tạo ra
web-prototype	nguyên mẫu	thiết kế	Trang đích / anh hùng mặc định
saas-landing	nguyên mẫu	tiếp thị	Anh hùng / tính năng / giá cả / CTA
dashboard	nguyên mẫu	hoạt động	Quản trị / phân tích (có thanh bên)
mobile-app	nguyên mẫu	thiết kế	Ứng dụng đóng khung iPhone 15 Pro / Pixel
mobile-onboarding	nguyên mẫu	thiết kế	Splash · giá trị prop · luồng đăng nhập
social-carousel	nguyên mẫu	tiếp thị	Băng chuyền 3 thẻ 1080×1080
email-marketing	nguyên mẫu	tiếp thị	Email thương hiệu an toàn cho bảng dự phòng
magazine-poster	nguyên mẫu	tiếp thị	Bố cục tạp chí một trang
motion-frames	nguyên mẫu	tiếp thị	Anh hùng chuyển động CSS lặp lại
sprite-animation	nguyên mẫu	tiếp thị	Trình giải thích hoạt hình pixel 8 bit
pm-spec	nguyên mẫu	sản phẩm	Tài liệu thông số kỹ thuật PM (có nhật ký quyết định TOC +)
team-okrs	nguyên mẫu	sản phẩm	Thẻ điểm OKR
eng-runbook	nguyên mẫu	kỹ thuật	Sổ ghi chép sự cố
finance-report	nguyên mẫu	tài chính	Tóm tắt tài chính điều hành
hr-onboarding	nguyên mẫu	giờ	Kế hoạch giới thiệu vai trò
guizang-ppt	boong tàu	tiếp thị	PPT web kiểu tạp chí (mặc định bộ bài)
html-ppt-*	boong tàu	tiếp thị	15 mẫu bộ bài × 36 chủ đề (mẫu chính trong design-templates/html-ppt/)
hyperframes	video	tiếp thị	HTML → Đồ họa chuyển động MP4 (khung HeyGen OSS)
critique	tiện ích	thiết kế	Bảng điểm tự phê bình năm chiều
tweaks	tiện ích	thiết kế	Bảng kê khai bảng điều chỉnh do AI phát ra

Phân chia toàn bộ giao thức và thư mục → docs/skills-protocol.md. Điểm cuối đăng ký: GET /api/skills cho các kỹ năng chức năng và GET /api/design-templates để hiển thị các mẫu.

---

Hệ thống thiết kế

151 gói hệ thống thiết kế cấp thương hiệu tập trung vào DESIGN.md gửi với repo. Các gói kế thừa chỉ có thể chứa hợp đồng Markdown đó; các gói mới hơn cũng có thể mang theo manifest.json, biên soạn tokens.css, đồ đạc thành phần, tài sản và bằng chứng xuất xứ. Danh mục này kết hợp các hệ thống có nguồn gốc từ thượng nguồn với các phần bổ sung do dự án sở hữu; design-systems/README.md ghi lại hình dạng bao bì và xuất xứ. Chuyển đổi hệ thống → kết xuất tiếp theo sử dụng mã thông báo mới.

Danh mục đầy đủ (bấm vào để mở rộng)

AI & LLM — claude · cohere · mistral-ai · minimax · together-ai · replicate · runwayml · elevenlabs · ollama · x-ai

Công cụ dành cho nhà phát triển — cursor · vercel · linear-app · framer · expo · clickhouse · mongodb · supabase · hashicorp · posthog · sentry · warp · webflow · sanity · mintlify · lovable · composio · opencode-ai · voltagent

Năng suất — notion · figma · miro · airtable · superhuman · intercom · zapier · cal · clay · raycast

công nghệ tài chính — stripe · coinbase · binance · kraken · mastercard · revolut · wise

Thương mại điện tử — shopify · airbnb · uber · nike · starbucks · pinterest

Phương tiện truyền thông — spotify · playstation · wired · theverge · meta

ô tô — tesla · bmw · ferrari · lamborghini · bugatti · renault

Khác — apple · ibm · nvidia · vodafone · resend · spacex

Người mới bắt đầu — default (Trung lập Hiện đại) · warm-editorial

Nhập lại thư viện qua scripts/sync-design-systems.ts. Thêm thương hiệu của riêng bạn → thả một DESIGN.md vào design-systems/<brand>/. Hướng dẫn đầy đủ → design-systems/README.md.

---

Plugin

277 plugin chính thức cộng với 183 ví dụ tham khảo có thể phối lại sống ở plugins/_official/. Mỗi mục là một thư mục plugin di động được neo bởi open-design.json cộng với tải trọng được yêu cầu theo loại của nó: ví dụ SKILL.md dành cho quy trình làm việc của đại lý, template.json cho các mẫu phương tiện, hoặc DESIGN.md cho các mục nhập hệ thống thiết kế. Chuyển thẳng đến một danh mục:

Danh mục	Đếm	Nội dung
scenarios/	13	Hoàn thiện các kịch bản thiết kế - od-default, od-design-refine, od-figma-migration, od-code-migration, od-react-export, od-nextjs-export, od-vue-export, od-media-generation, od-new-generation, od-tune-collab, od-plugin-authoring, od-share-to-community, od-web-effect-extractor
image-templates/	45	Lời nhắc hình ảnh một lần - biên tập, điện ảnh, sản phẩm, chân dung
video-templates/	63	Mẫu chuyển động HyperFrames / Seedance / Veo
design-systems/	143	Thương hiệu DESIGN.md được gói dưới dạng plugin
atoms/	13	Các mảnh giao diện người dùng có thể tái sử dụng (nút, anh hùng, thẻ KPI)
examples/	183	Đầu ra tham chiếu có thể phối lại

Ngoài ra plugins/community/ dành cho các plugin cộng đồng và plugins/registry/ cho luồng xuất bản.

Plugin có thể làm gì

• 🤖 Chạy trong bất kỳ tác nhân mã hóa nào — Claude Code, Codex, Cursor, Copilot, OpenClaw, phản trọng lực, Hermes, Kimi… thông qua giao thức kỹ năng tương tự mà đặc vụ đã biết.
• 🔁 Di chuyển quy trình làm việc của Figma / Pencil → Nguồn React, Next.js hoặc Vue. Xem od-figma-migration.
• 🛠️ Làm mới cơ sở mã hiện có thành thông số thương hiệu — trỏ một plugin vào một git kho + DESIGN.md, nhận được PR. Xem od-code-migration.
• 💾 Duy trì quy trình công việc tùy chỉnh — các mẫu có thể tái sử dụng của nhóm bạn nằm cạnh các mẫu đã được gửi đi.

Sử dụng plugin

Các plugin hoàn toàn ngang bằng trên giao diện người dùng web và od CLI - giống nhau /api/plugins điểm cuối, chọn bất cứ điều gì phù hợp.

Trong ứng dụng web/máy tính để bàn: mở Trình cắm trang để duyệt qua thị trường và nhấp vào cài đặt; bên trong Studio của dự án, các plugin xuất hiện dưới dạng các khối soạn nhạc mà bạn nhấp vào để áp dụng (với các thông tin đầu vào mà chúng khai báo).

Trên dòng lệnh (chạy không có giao diện người dùng - đây là đường dẫn mà các tác nhân bên ngoài sử dụng):

od plugin list                       # list installed plugins (--task-kind / --mode / --tag filters)
od plugin search "landing page"      # search by keyword
od plugin info od-default            # inspect a plugin's metadata, inputs, capabilities
od plugin install od-figma-migration # install from a registry; also accepts ./local-folder or an https://… link
od plugin apply od-default --input brief="a one-page pitch for our seed round"
od plugin upgrade od-default         # upgrade
od plugin uninstall od-default       # uninstall

Mọi lệnh đều hỗ trợ --json, vì vậy bạn có thể chuyển nó qua jq / xargs vào tự động hóa.

Xây dựng một plugin

Một plugin OpenDesign yêu cầu open-design.json cộng với tải trọng được yêu cầu theo loại của nó. Một kỹ năng hoặc kịch bản quy trình công việc cũng bao gồm SKILL.md; Thay vào đó, mẫu chỉ có trong bảng kê khai và các mục hệ thống thiết kế sử dụng tải trọng riêng của chúng:

my-plugin/
├── open-design.json    ← required: marketplace metadata + inputs + pipeline + capabilities
├── SKILL.md            ← required for agent-skill/scenario entries; omitted for other plugin types
├── README.md           ← optional: usage, install, registry links
├── preview/            ← optional: index.html / poster.png (strongly recommended for visual plugins)
└── examples/           ← optional: concrete use cases

Cốt lõi open-design.json lĩnh vực: specVersion (hiện tại 1.0.0), name (ID ổn định), version (học kỳ), tùy chọn compat.agentSkills[].path (chỉ vào ./SKILL.md khi mục nhập hiển thị Kỹ năng đặc vụ), od.kind (skill / scenario / atom / bundle), od.taskKind (new-generation / figma-migration / code-migration / tune-collab), od.mode (bề mặt đầu ra, ví dụ: prototype / deck / live-artifact / image / video / hyperframes / audio / design-system / scenario), od.capabilities[] (khai báo mức tối thiểu — chỉ cấp quyền cài đặt hạn chế prompt:inject theo mặc định), od.inputs[] (tham số thời gian áp dụng).

Giàn giáo + xác nhận tại địa phương:

od plugin scaffold --id my-plugin --title "My Plugin"   # generate the skeleton
od plugin validate ./my-plugin                          # check manifest / file layout
pnpm guard && pnpm --filter @open-design/plugin-runtime typecheck

Tập hợp trường đầy đủ và hợp đồng thời gian chạy → plugins/spec/SPEC.md; phát triển plugin với tác nhân mã hóa → plugins/spec/AGENT-DEVELOPMENT.md; sao chép-dán các mẫu tối thiểu → plugins/spec/examples/.

Đóng góp một plugin

1. Thả thư mục plugin vào plugins/community/ (plugin của bên thứ ba) hoặc — để gửi nó đi kèm với OpenDesign — vào cấp phù hợp của plugins/_official/.
2. Vượt qua xác nhận: od plugin validate, pnpm guard, pnpm --filter @open-design/plugin-runtime typecheck.
3. Điền PR bằng cách sử dụng mẫu trong plugins/spec/CONTRIBUTING.md (ID, phiên bản, làn đường, chế độ, khả năng, ví dụ kích hoạt; đính kèm ảnh chụp màn hình / bản xem trước cho các plugin trực quan).
4. Để xuất bản lên cơ quan đăng ký bên ngoài (skills.sh / ClawHub / Standalone GitHub) → plugins/spec/PUBLISHING-REGISTRIES.md.

Điểm cuối đăng ký plugin: GET /api/plugins. Tổng quan về thư mục → plugins/README.md (简体中文).

---

Kiến trúc

┌────────────────── browser (Next.js 16) / Electron shell ──────────────┐
│  chat · file workspace · iframe preview · settings · import · MCP     │
└──────────────┬─────────────────────────────────────┬─────────────────┘
               │ /api/*                              │
               ▼                                     ▼
   ┌─────────────────────────────────┐   /api/proxy/{provider}/stream (SSE)
   │  local daemon (Express+SQLite)  │   ─→ any OpenAI-compatible BYOK,
   │                                  │       SSRF-guarded at the edge
   │  /api/skills    /api/design-templates    /api/plugins    │
   │  /api/design-systems            │
   │  /api/chat (SSE)   /api/proxy/* │
   │  /api/projects/:id/files/...    │
   │  /api/artifacts/{save,lint}     │
   │  /api/import/claude-design      │
   │  MCP stdio server                │
   └─────────┬───────────────────────┘
             │ spawn(cli, [...], { cwd: managed project cwd })
             ▼
   ┌──────────────────────────────────────────────────────────────────┐
   │  Local runtime definitions come from runtimes/registry.ts;                 │
   │  the base registry has 27 definitions (including byok-opencode),           │
   │  backed by 26 distinct local CLI executables because byok-opencode shares │
   │  the OpenCode executable. See docs/agent-adapters.md.                     │
   │  composes a functional skill or design template + DESIGN.md; writes files │
   └──────────────────────────────────────────────────────────────────┘

Lớp	ngăn xếp
Giao diện người dùng	Next.js 16 Bộ định tuyến ứng dụng + React 18 + TypeScript
Daemon	Nút 24 · Express · Truyền phát SSE · better-sqlite3
Lưu trữ	Trước khi thay đổi hoặc ghi lại đường dẫn lưu trữ daemon, bạn PHẢI đọc AGENTS.md → Hợp đồng thư mục dữ liệu Daemon. README này KHÔNG PHẢI trình bày lại nó.
Xem trước	Hệ thống tập tin chạy kết xuất các tập tin dự án chuẩn; BYOK/plain-API chạy xong một phân tích cú pháp <artifact> chặn vào hộp cát srcdoc khung nội tuyến
Xuất khẩu	HTML (nội tuyến) · PDF (in trình duyệt) · PPTX (điều khiển bởi tác nhân) · ZIP · Markdown · MP4 (HyperFrames)
Máy tính để bàn	Electron shell + trình kết xuất hộp cát + sidecar IPC (TRẠNG THÁI · EVAL · CHỤP ẢNH MÀN HÌNH · CONSOLE · NHẤP · TẮT)
Vòng đời	Một điểm vào: pnpm tools-dev (bắt đầu/dừng/chạy/trạng thái/nhật ký/kiểm tra/kiểm tra)

Kiến trúc đầy đủ → docs/architecture.md. Giao thức kỹ năng → docs/skills-protocol.md. Hợp đồng chuyển đổi đại lý → docs/agent-adapters.md.

---

Lộ trình

• Daemon + 27 định nghĩa thời gian chạy trên 26 tệp thực thi tác nhân mã hóa CLI riêng biệt + sổ đăng ký kỹ năng/mẫu thiết kế + danh mục hệ thống thiết kế
• Ứng dụng web + trò chuyện + biểu mẫu câu hỏi + bộ chọn 5 hướng + tiến trình việc cần làm + bản xem trước trong hộp cát
• Hơn 100 kỹ năng chức năng · Danh mục mẫu kết xuất riêng biệt · 151 gói hệ thống thiết kế · 5 hướng trực quan · 5 khung thiết bị
• Các dự án được hỗ trợ bởi SQLite · cuộc hội thoại · tin nhắn · tab · mẫu
• Proxy BYOK đa nhà cung cấp (/api/proxy/{anthropic,openai,azure,google,ollama,senseaudio}/stream) với các giá trị đặt trước tương thích với OpenAI, bao gồm cả Atlas Cloud + bộ bảo vệ SSRF
• Claude Nhập ZIP thiết kế (/api/import/claude-design)
• Giao thức Sidecar + máy tính để bàn Electron + tự động hóa IPC
• Artifact lint API + cổng tự phê bình 5-dim phát trước
• 0.8.0 — cơ sở hạ tầng thị trường plugin (261 plugin chính thức, thông số kỹ thuật kê khai, tập lệnh cài đặt cho mỗi tác nhân)
• 0.9.0 — OpenDesign Cloud (dịch vụ mô hình chính thức được tích hợp trong ứng dụng: không cấu hình, đăng nhập bằng một cú nhấp chuột)
• 0.10.0 — không gian làm việc thiết kế tất cả trong một: toàn bộ vòng lặp thủ công trong một cửa sổ (tài liệu tham khảo → tài liệu → chỉnh sửa tương tác → chuyển động → chuyển giao)
• 0.11.0 — chợ chợ: được xây dựng mở - một thị trường cộng đồng gồm các plugin và hệ thống thiết kế mà bất kỳ ai cũng có thể chọn và đóng góp
• 0.12.0 — Hệ thống thiết kế được hỗ trợ bởi thương hiệu: biến thương hiệu bạn đã sở hữu thành một sản phẩm di động, có thể tái sử dụng DESIGN.md hệ thống
• 0.13.0 — Ở trong dòng chảy: tiếp tục phiên gốc, chọn mô hình nhanh hơn và xuất thẳng sang PPTX / PDF được hỗ trợ bằng ảnh chụp màn hình
• Bản dựng Electron được đóng gói — macOS (Apple Silicon + Intel) + Windows (x64) + Linux AppImage (làn tùy chọn)
• Chỉnh sửa phẫu thuật ở chế độ nhận xét - đã được vận chuyển một phần; đang tiến hành vá lỗi mục tiêu đáng tin cậy
• Bảng điều chỉnh UX do AI phát ra - chưa được triển khai
• npx od init để xây dựng một dự án với DESIGN.md
• Trình cắm SDK + od plugin {add,list,remove,test,publish} CLI
• Plugin di chuyển Figma / Pencil → React / Next / Vue (alpha)
• Làm mới plugin cơ sở mã hiện có (trỏ vào git repo + DESIGN.md)

Phân phối theo giai đoạn → docs/roadmap.md.

---

cộng đồng

Những con người thực sự đằng sau mỗi kênh.

• 💬 Bất hòa — trò chuyện hàng ngày, chia sẻ plugin, câu hỏi → discord.gg/mHAjSMV6gz
• 🐦 X / Twitter — ghi chú phát hành, các cột mốc quan trọng, hậu trường → @OpenDesignHQ
• 🗣️ GitHub Thảo luận — Hỏi đáp sâu sắc, RFC, "trình bày tác phẩm của bạn" → Thảo luận
• 🐛 GitHub vấn đề — báo cáo lỗi, yêu cầu tính năng → vấn đề

các good-first-issue và help-wanted nhãn là cách dễ nhất để vào.

---

Đóng góp

OpenDesign tiếp tục phát triển vì những người đóng góp - nhà thiết kế, kỹ sư, tác giả nhanh chóng - tiếp tục xuất hiện. Nhiều kỹ năng, hệ thống thiết kế và plugin được sử dụng nhiều nhất được viết bởi những người bên ngoài nhóm nòng cốt.

🎯 Bắt đầu từ đâu (đòn bẩy tối đa, thay đổi tối thiểu)

Muốn vận chuyển…	Làm thế nào	Ở đâu
Một chức năng mới kỹ năng	Thả một thư mục với SKILL.md + tùy chọn assets/ + references/	skills/ · thông số kỹ thuật docs/skills-protocol.md
Một kết xuất mới mẫu thiết kế	Thêm một kết xuất SKILL.md bó	design-templates/
Một cái mới hệ thống thiết kế	Thả một gói vào giữa DESIGN.md; thêm manifest.json, tokens.css, thành phần, tài sản hoặc xuất xứ khi cần thiết	design-systems/<brand>/
Một cái mới phần bổ trợ	Thả open-design.json + tải trọng theo loại cụ thể trong thư mục danh mục	plugins/community/ · thông số kỹ thuật plugins/spec/SPEC.md · hướng dẫn nhà phát triển đại lý trong plugins/spec/AGENT-DEVELOPMENT.md
Hỗ trợ cái mới tác nhân mã hóa CLI	Một định nghĩa thời gian chạy + mục đăng ký; chỉ thêm trình phân tích cú pháp cho định dạng dây mới	apps/daemon/src/runtimes/defs/
Sửa lỗi hoặc đánh bóng giao diện người dùng	Duyệt qua good-first-issue nhãn	Vấn đề →
Dịch tài liệu	Cập nhật README.<lang>.md tập tin	TRANSLATIONS.md

🤖 Tham gia làm đại lý

Nếu bạn là người đại diện đang đọc cái này, con đường nhanh nhất là:

# 1. Boot locally
git clone https://github.com/nexu-io/open-design.git
cd open-design && corepack enable && pnpm install
pnpm tools-dev run web

# 2. Find a good-first-issue and assign yourself
gh issue list --label "good first issue" --state open --limit 20
gh issue develop <number>   # create a branch and worktree

# 3. Make the change, run the checks
pnpm guard && pnpm typecheck
pnpm --filter @open-design/<package> test

# 4. Open the PR
gh pr create --fill

Luồng đóng góp đầy đủ thân thiện với đại lý, kiểu mã và thanh PR → CONTRIBUTING.md (tiếng Đức · người Pháp · 简体中文 · 日本語 · 한국어 · người Bồ Đào Nha · ภาษาไทย).

🏅 Chương trình thành viên OpenDesign

Chúng tôi đang tuyển dụng Nghiên cứu sinh OpenDesign trên toàn thế giới — Các nghiên cứu sinh định hình sản phẩm cùng với nhóm cốt lõi, đại diện chính thức cho OpenDesign trong khu vực của họ và phát triển cộng đồng tại địa phương, được hỗ trợ bởi sự hỗ trợ được tài trợ ($1.000 / MR), tín dụng LLM miễn phí và theo dõi đánh giá trực tiếp. Chi tiết → MAINTAINERS.md và thông báo trên Bất hòa.

---

Người bảo trì

Họ gánh rất nhiều gánh nặng - bảo trì, đánh giá hàng ngày và hỗ trợ cộng đồng.

@Nagendhra-web Người bảo trì

@Sid-Qin Người bảo trì

@YOMXXX Người bảo trì

Quy tắc duy trì, tiêu chí khuyến mãi và giao thức thoát → MAINTAINERS.md (cũng tiếng Đức · người Pháp · 简体中文 · 日本語 · 한국어 · người Bồ Đào Nha · ภาษาไทย).

Người đóng góp

Cảm ơn tất cả những người đã tham gia - mã, tài liệu, phản hồi, một vấn đề quan trọng, một kỹ năng mới, một hệ thống thiết kế mới.

---

Hoạt động kho lưu trữ

SVG ở trên được tái tạo hàng ngày bởi .github/workflows/metrics.yml sử dụng lowlighter/metrics.

---

Gắn dấu sao cho chúng tôi

Nếu điều này giúp bạn tiết kiệm được ba mươi phút, hãy cho nó ★. Các ngôi sao không trả tiền thuê nhà - nhưng họ nói với nhà thiết kế, đại lý và cộng tác viên tiếp theo rằng thử nghiệm này đáng để họ quan tâm. Một cú nhấp chuột, ba giây, một tín hiệu thực sự.

---

Tài liệu tham khảo & dòng dõi

dự án	Vai trò
Claude Thiết kế	Sản phẩm nguồn đóng mà repo này là sản phẩm nguồn mở thay thế.
alchaincyf/huashu-design	La bàn triết lý thiết kế - quy trình làm việc của nhà thiết kế cấp dưới, giao thức tài sản thương hiệu, danh sách kiểm tra chống sai sót AI, phê bình năm chiều.
op7418/guizang-ppt-skill	Kỹ năng PPT web kiểu tạp chí, được gói nguyên văn bên dưới design-templates/guizang-ppt/. Mặc định cho chế độ boong.
lewislulu/html-ppt-skill	Dòng HTML PPT Studio — 15 mẫu bộ bài, 36 chủ đề, 31 bố cục trang, thời gian chạy hoạt ảnh, chế độ trình bày thẻ từ.
OpenCoworkAI/open-codesign	Giải pháp thay thế Thiết kế Claude mã nguồn mở đầu tiên; Các mẫu UX mà chúng tôi mượn (vòng lặp phát trực tuyến, iframe hộp cát, bảng điều khiển tác nhân trực tiếp).
multica-ai/multica	Kiến trúc daemon + adapter — phát hiện tác nhân quét PATH, daemon cục bộ là quy trình đặc quyền duy nhất.
VoltAgent/awesome-design-md	Nguồn lịch sử của 9 phần gốc DESIGN.md lược đồ và 70 hệ thống có nguồn gốc ngược dòng; các gói hiện tại có thể mở rộng đường cơ sở đó.
bergside/awesome-design-skills	Nguồn của 57 kỹ năng thiết kế được thêm vào bên dưới design-systems/.
heygen-com/hyperframes	Khung đồ họa chuyển động HTML→MP4, được tích hợp như lớp học đầu tiên hyperframes-html trong OpenDesign.
kỹ năng Claude Code	các SKILL.md quy ước chúng tôi áp dụng nguyên văn.

Xuất xứ chi tiết → docs/references.md.

Giấy phép

Apache-2.0. Các kỹ năng và mẫu đi kèm của riêng họ LICENSE các tập tin giữ lại các giấy phép đó, bao gồm design-templates/guizang-ppt/ (MIT, @op7418), design-templates/html-ppt/ (MIT, @lewislulu) và skills/web-clone/ (MIT, @Jane-xiaoer).