Git Analytics เครื่องมือนักพัฒนาDev tools
tt-a1i/archify

Archify: ตัวช่วยสร้างไดอะแกรมArchify: A Tool for Diagram Generation

เครื่องมือนักพัฒนาDev tools 72,717 ดาวStars 4,910 JavaScript MIT อัปเดตล่าสุดLast push 27 ก.ย. 256927 Sept 2026
tt-a1i/archify

Archify ช่วยสร้างไดอะแกรมที่สวยงามสำหรับการออกแบบซอฟต์แวร์และระบบ ออกมาเป็น HTML ที่ใช้แชร์ได้ง่าย

Archify generates beautiful diagrams for software architecture and systems, outputting shareable HTML.

ไว้ทำอะไร

Archify ใช้สร้างไดอะแกรมสำหรับโครงสร้างการทำงานและระบบซอฟต์แวร์ รองรับการออกแบบทั้ง architecture, workflow, data-flow, และ lifecycle diagrams ภายใต้ไฟล์ HTML ที่สามารถแชร์และแยกความเคลื่อนไหวได้ง่าย

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

Archify ใช้ JavaScript และ library ต่าง ๆ เพื่อสร้างไดอะแกรมจากข้อความที่ให้ไว้หรืออ่านจาก repository ของโค้ดจริง เริ่มจากการติดตั้ง package และคอมมานด์เพื่อให้ agent สร้างภาพไดอะแกรมแบบโต้ตอบ จากนั้นข้อมูลสามารถปรับเปลี่ยนเพื่อเน้นเฉพาะการทำงานในเส้นทางหรือเมทริกซ์ที่ต้องการได้ ภาพไดอะแกรมที่สร้างขึ้นเป็น HTML ที่สามารถเปิดบนเบราว์เซอร์และสำรวจรายละเอียดทั้งหมดของระบบได้โดยตรง

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

  • .agents/skills/archify-review/SKILL.md — บอกแนวทางการรีวิว
  • archify/bin — ไฟล์ไบนารีของโปรแกรม
  • archify/renderers — ใช้ในการวาดแผนภาพ
  • archify/examples — ตัวอย่างแผนภาพที่สามารถดูได้
  • docs/gallery.html — แกลเลอรีตัวอย่างแผนภาพ

เริ่มใช้งาน

npx skills add tt-a1i/archify -g

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

  • สร้างแผนภาพสำหรับการออกแบบซอฟต์แวร์
  • สร้างแผนภาพ flow การทำงาน
  • แชร์แผนภาพเพื่อการศึกษาและนำเสนอ

ข้อควรรู้

  • มีเฉพาะใบอนุญาต MIT
  • ต้องการความรู้เกี่ยวกับการติดตั้งและใช้งานแพ็กเกจ JavaScript

What it is for

Archify is used to create diagrams of software architecture and system designs, supporting architecture, workflow, data flow, and lifecycle diagrams within HTML files that can be easily shared and exported with motion.

How it works

Archify uses JavaScript and various libraries to generate diagrams from provided text or from code repositories. It starts with package installation and command to let an agent create interactive diagrams. Users can then customize to focus on specific paths or matrices. The resulting diagrams are self-contained HTML files that can be opened in a browser to explore system details directly.

Code structure

  • .agents/skills/archify-review/SKILL.md — Review guidelines
  • archify/bin — Binary files of the program
  • archify/renderers — Used for rendering diagrams
  • archify/examples — Examples of diagrams available for viewing
  • docs/gallery.html — Gallery of sample diagrams

Getting started

npx skills add tt-a1i/archify -g

Good fit for

  • Generate diagrams for software architecture
  • Create workflow diagrams
  • Share diagrams for educational and presentation purposes

Things to know

  • Licensed under MIT
  • Requires knowledge of installing and using JavaScript packages

บทวิเคราะห์นี้สร้างจาก 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#architecture-as-code#architecture-diagram#claude-skill#code-visualization#codex#coding-agents#data-flow-diagram#deepseek-harness#developer-tools#diagram-as-code#diagrams

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