Moetsi oa li-diagrams tsa AI

Bontšitse phallo, sistimi, kapa kamano ka Senyesemane se bonolo; khetha chip ea mofuta oa di-diagrama (Flowchart, Sequence, Class, ER, Mind Map, Gantt, State, User Journey); khetha tsela ea ho hlophisa le tema ea'mala; AI e hlahisa khoutu e sebetsang ea Mermaid.js e fanang ka inline e le SVG. Kopitsa khoutu ho GitHub READMEs, Notion, Confluence, Obsidian, kapa Markdown - moo Mermaid e fanoeng teng.

Ehlile. Li-diagram tse'maloa li theko e boima ea 200 ho tloha ho pholletsa le letsatsi (2,500 baeti, 10,000 ba ngotsoeng). Ha ho na letšoao la metsi, ha ho na lengolo-tsoibila, ha ho hlokahale ho ngolisoa. Mermaid Chart le Lucidchart li lefa $ 10-99 / khoeli bakeng sa litšobotsi tse tšoanang tsa AI.

Likarolo tse tšeletseng: Likarolo tsa Flux (litaelo tsa TD / LR / BT / RL), Likarolo tsa Sequence (ka baetsi le lifelines), Likarolo tsa Sehlopha (UML inheritance + composition), Likarolo tsa ER (likarolo tsa database le cardinality), Likarolo tsa Mind, Gantt charts (timelines tsa projeke), Likarolo tsa State (stateMachine v2 syntax), le Likarolo tsa User Journey. Likarolo tsohle li kopanya ho Mermaid.js syntax e tloaelehileng.

E-ea — khoutu ea Mermaid e sa pheleng e bonts'itsoe ka tlase ho SVG e entsoeng. Kopa, e fetole ka moqapi oa Mermaid oa hau o ratoang (mermaid.live, VS Code Mermaid extension, GitHub native renderer),'me u e kenye morao. AI e u fa 80% moo — liphetoho tsa matsoho joalo ka ho hlophisa nodes kapa ho hlophisa li-labels li ka ba potlakileng ho feta ho khutlisa.

E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E. E

Lucidchart ($ 9-21 / mo) le Miro ($ 8-16 / mo) ke lisebelisoa tsa canvas tse hlakileng tse nang le ho theola le ho sebetsa ka bongata. Draw.io ke mahala empa e ngotsoe ka letsoho. Free.ai e hlahisa khoutu ea li-diagram ho tloha ho leseli - e ntle ha u batla lebelo le khoutu-e le-mofuta-o-moholo-o-moholo (Mermaid in git diffs nicely, drag-and-drop tools do not).

E-na — khetha chip ea ER Diagram'me u hlalose liteko tsa hau le li-relationships ("basebelisi ba na le li-post tse ngata, li-post li na le mofuta, mefuta e na le parent_id ea ho ngola ka boeona"). AI e hlahisa erDiagram syntax e sebetsang le cardinality (e mong-ho-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba-ba

Ehlile - hlalosa batsamaisi le ts'ebetso ea lengolo-tsoibila ("client e re / auth / login, server e phethela, server e re Redis ho boloka seboka, server e khutlisa JWT"). AI e hlahisa Mermaid sequenceDiagram le litlhahlobo tse nepahetseng tsa baetapele, li-sync vs async arrow, le lifelines tsa ho sebetsa. E ntle bakeng sa ho ngola li-flows tsa OAuth, webhook handshakes, le microservice handoffs.

Ho romelloa ka boiketsetso ke SVG (vector — e theha li-scales tse sa feleng). Bakeng sa PNG, bula SVG ka mosebedisi ofe kapa ofe, tobetsa ka ho le letona → Rekota setšoantšo e le → PNG, kapa sebelisa motsamaisi oa SVG-ho-PNG oa marang-rang. kapa kenya khoutu ea Mermaid ho mermaid.live'me u sebelise ho romelloa ka PNG. SVG e ratoa bakeng sa litokomane kaha ha e pixelate.

Ho fihlela ho ~20 nodes AI e ka e etsa ka ho nepahetseng ka ho leka ka pele. Ho li-systems tse fetang 50 tsa node, etsa setšoantšo sa boemo bo phahameng pele, ebe u eketsa ka ho khutlisa li-branch tse kholo. Mermaid syntax e thata — haeba ho etsa ha ho khoneha, khoutu e sa sebetseng e ntse e bonts'oa hore u ka e fetola ka letsoho. Ho se khone ho ngata ke ho se na li-semicolons kapa li-chars tse khethehileng tse sa tsoa etsoa.

E-na — hlalosa di-diagrama tsa hau ka puo efe kapa efe ea lipuo tse 99 tse tšehelitsoeng. Kode ea Mermaid e sebelisa puo ea hau bakeng sa li-labels tsa node (Mermaid e sebetsana le Unicode ka nepo). Li-keywords tsa mofuta oa di-diagrama (flowchart TD, sequenceDiagram, jj.) li lula ka Senyesemane kaha syntax ea Mermaid e hloka hore, empa letšoao le leng le le leng, le letona, le lengolo le ka ba ka puo ea hau.

E-na — POST ho /v1/chat/ le ho kopa ha sistimi ea Mermaid bakeng sa tlhahiso ea kotloloho ea kotloloho, e lefa ka li-token tse ~200 ka diagram. E ka sebelisoa ho hlahisa li-diagramme tsa li-PR ka CI, ho hokahanya li-diagramme tsa ER le li-schema tse hokahanyang, kapa ho theha libaka tsa litokomane ho tloha li-anotations tsa kotloloho. Bearer auth ka /developer/, snippets tse felletseng ho /api/.