Git Analytics เครื่องมือนักพัฒนาDev tools
nexu-io/open-design

OpenDesign: ทางเลือกโอเพ่นซอร์สของ Claude DesignOpenDesign: The Open-Source Claude Design Alternative

เครื่องมือนักพัฒนาDev tools 97,635 ดาวStars 11,337 TypeScript Apache-2.0 อัปเดตล่าสุดLast push 23 ก.ย. 256923 Sept 2026
nexu-io/open-design

OpenDesign เป็นแอปพลิเคชันโอเพ่นซอร์สที่ช่วยให้การออกแบบเกิดขึ้นได้จากเครื่องมือโค้ดดิ้งที่ติดตั้งในเครื่องคุณทั้ง prototyping และการสร้างสื่อ

OpenDesign is an open-source application that allows design creation using installed coding tools on your machine, for prototyping and media creation.

ไว้ทำอะไร

OpenDesign ถูกออกแบบมาเพื่อเป็นทางเลือกโอเพ่นซอร์สของ Claude Design โดยเน้นให้สามารถทำงานได้ในแบบ local-first และทำให้ผู้ใช้สามารถสร้างไฟล์โปรโตไทป์, หน้าแลนดิ้ง, และแผงควบคุมต่างๆ โดยเน้นการทำงานร่วมกับโค้ดดิ้งเอเยนต์ต่างๆ เครื่องมือเช่น DeepSeek Harness และ 20+ CLI จะช่วยให้การสร้าง media สำเร็จได้อย่างครบวงจรและง่ายดาย

ทำงานอย่างไร

โครงสร้างของ OpenDesign ถูกออกแบบให้ทำงานร่วมกับโค้ดเอเยนต์ที่ติดตั้งไว้ในเครื่องของผู้ใช้ ระบบจะทำงานโดยอ่านและเขียนข้อมูลผ่าน CLI ที่เข้าถึงได้, และสามารถกำหนดโมเดลต่างๆ เช่น Claude Code, DeepSeek Harness การทำงานจะเกิดขึ้นภายใน Studio ที่มองเห็นได้จากไฟล์ที่สร้างขึ้น ประเภทของไฟล์ต่างๆ ที่สามารถสร้างได้จะมีตั้งแต่ Prototype, Decks, Apps, Documents, และ HyperFrames

โครงสร้างโค้ด

  • apps/desktop — แอปพลิเคชัน desktop application
  • apps/daemon — เบื้องหลังที่รันแอป
  • clipper — ส่วนที่เกี่ยวกับ web clipper
  • craft — เอกสารที่เกี่ยวข้องกับเค้าโครงและระบบการออกแบบต่างๆ
  • deploy — ไฟล์ที่ใช้สำหรับการ deploy แพลตฟอร์ม

เริ่มใช้งาน

od agent setup deepseek-harness

เหมาะกับงานแบบไหน

  • ออกแบบและสร้างโปรโตไทป์ของเว็บไซต์
  • สร้างใหม่ presentation decks
  • พัฒนาซอฟต์แวร์สำหรับแอปพลิเคชันมือถือ
  • สร้างสือ multi-media เช่น วิดีโอ

ข้อควรรู้

  • ระบบรองรับเฉพาะโอเอสที่ติดตั้งโค้ดเอเยนต์ที่ใช้ร่วมด้วยอย่างเต็มรูปแบบ
  • ลิขสิทธิ์ใช้เป็น Apache-2.0 มีข้อจำกัดตามที่ระบุ
  • การ integrate กับบาง coding agent อาจมีข้อจำกัดขึ้นอยู่กับโอเอส

What it is for

OpenDesign is designed as an open-source alternative to Claude Design, emphasizing local-first operation to enable users to create prototype files, landing pages, and dashboards. It focuses on integration with various coding agents, with tools like the DeepSeek Harness and over 20 CLI options facilitating comprehensive media creation workflows.

How it works

The structure of OpenDesign is designed to work seamlessly with the user's installed coding agents. It operates by reading and writing data through accessible CLIs and configures various models like Claude Code and DeepSeek Harness. The operations are visualized through the Studio, where generated files can be observed. File types that can be created include Prototypes, Decks, Apps, Documents, and HyperFrames.

Code structure

  • apps/desktop — Desktop application
  • apps/daemon — Background processes running the app
  • clipper — Components related to the web clipper
  • craft — Documentation related to frameworks and design systems
  • deploy — Files used for deploying the platform

Getting started

od agent setup deepseek-harness

Good fit for

  • Design and create website prototypes
  • Develop presentation decks
  • Build software for mobile applications
  • Generate multimedia content such as videos

Things to know

  • Supports only systems with fully compatible coding agents
  • Licensed under Apache-2.0 with stated limitations
  • Integration with some coding agents may have OS-specific limitations

บทวิเคราะห์นี้สร้างจาก README และโค้ดของ repo โดย AI ของ Oneable — ตรวจสอบ license และเอกสารต้นทางก่อนนำไปใช้งานจริงThis breakdown was generated from the repository's README and code by Oneable's AI — check the license and upstream docs before using it in production.

#agent-skills#ai-design#byok#claude-code-for-design#claude-design#codex-design#coding-agents#cursor-design#deepseek#deepseek-harness#design-systems#desktop-app

repo อื่นในหมวดเดียวกันMore in this category