01 / 介紹 SCHEMATEX · 免費 · 開源 · 專為 AI 設計
醫生、工程師、律師真正在用的每一種圖表。
Schematex 能繪製醫生、工程師、律師已在手繪的 50 種圖表——臨床家系圖、IEC 61131-3 階梯邏輯、NSGC 譜系圖、股權架構表。輸入文字 DSL，輸出符合標準的 SVG。
/ THE FULL SET
All 50 of them. Every one follows a published standard.
Choose any diagram to open its simplest working example in the playground.
02 / 專業人士真正在用的圖表
你的醫生、工程師或律師真正在用的圖表。
每個圖表家族都是為掌握它的實務工作者而建——從幾行 DSL，到領域專家會放在病歷、備忘錄或許可文件中的版本。每個輸出都符合公開發布的標準。
Three-generation family medical history genogram with multi-condition color annotations using fill zones — heart disease, diabetes, cancer, hypertension.
Three-generation hemophilia A pedigree showing X-linked recessive inheritance with carrier females and affected males per NSGC clinical notation.
Ecomap charting a client's recovery support network — AA group, family, probation, and therapist — with relationship strength and directional connections.
Classic three-wire motor start/stop seal-in circuit in IEC 61131-3 ladder logic — the foundational pattern taught in every PLC certification course.
Single-line diagram for a utility + emergency generator ATS transfer system feeding critical loads on a 480 V bus — per IEEE 315 for facility design review.
1-bit full adder built from XOR, AND, and OR gates — the foundational building block of every arithmetic logic unit, from a functional description.
Cross-border tax holding structure with Irish IP company, Dutch distribution, and APAC entity — per OECD BEPS transfer-pricing documentation requirements.
Ishikawa fishbone for a website traffic drop — six causal categories covering content, technical SEO, backlinks, UX, competition, and algorithm changes.
Moreno sociogram of classroom playground dynamics — mutual friendships, one-way choices, and peer conflicts mapped by gender group using force-directed layout.
03 / 為什麼選擇 Schematex
免費。完全開源。專為 AI 設計。
通用流程圖工具無法繪製專業圖表。Schematex 將每個標準視為一等公民——整個套件採用 AGPL-3.0、零依賴，並專為讓 LLM 一次就能正確輸出而設計。
每種圖表類型均實作已發布的規範——McGoldrick、IEC 61131-3、IEEE 315、NSGC、Newick。醫生、工程師、律師已在手繪這些圖表；現在可以用程式碼生成。
無 D3、無 dagre、無解析器生成器、無遙測、無鎖定功能。KB 級 bundle、SSR 安全，閉源商業使用可申請商業授權。
最小化語法，專為 LLM 實際書寫文字的方式設計——CJK 引號、巢狀歧義、AI 可讀錯誤訊息。貼上 ChatGPT 或 Claude 的輸出，一次就能得到專業圖表。
04 / 定位
不只是另一個流程圖函式庫。
Schematex 與現有工具的比較。
| 工具 | Domain | Standards-compliant types | Edit the render, keep the source | AI-friendly |
|---|---|---|---|---|
| Mermaid | General flow/UML | — | ✗ text only | partial |
| D2 | General diagrams | — | ✗ text only | partial |
| draw.io / Excalidraw | Freeform canvas | — | ✗ canvas only, no source | ✗ |
| PlantUML | UML | UML subset | ✗ text only | — |
| schematex | 50 professional families | 50 | ✓ round-trip | ✓ MCP + llms.txt |
05 / 快速開始
10 秒完成安裝。
一個函式，傳入字串，回傳 SVG。適用於所有 TypeScript 環境。
npm install schemateximport { render } from 'schematex';
const svg = render(`
genogram "Smiths"
john [male, 1950]
mary [female, 1952]
john -- mary
alice [female, 1975, index]
`);import { render } from 'schematex';
export default function Page() {
const svg = render(dsl);
return <div dangerouslySetInnerHTML={{ __html: svg }} />;
}'use client';
import { useState } from 'react';
import { InteractiveSchematexDiagram } from 'schematex/react';
export function DiagramEditor({ initialDsl }: { initialDsl: string }) {
const [dsl, setDsl] = useState(initialDsl);
return <InteractiveSchematexDiagram value={dsl} onChange={setDsl} />;
}從一個字串開始。
開啟 Playground，即時渲染 50 種圖表——或瀏覽圖庫，複製、貼上並修改 DSL。
完全免費、開源 —— 一個 star 能幫更多開發者發現它。