Use this skill whenever the user wants to create, customize, or troubleshoot X6 v3 graph editor diagrams. Triggers include: any mention of 'X6', 'antv x6', '@antv/x6', 'X6 editor', 'X6 图编辑', '流程图', 'DAG', 'ER图', '实体关系图', '血缘图', '组织架构图', 'UML类图', 'flowchart', 'DAG diagram', 'ER diagram', 'lineage gra

X6 v3 Graph Editor Overview X6 v3 is AntV's diagram editing engine for flowcharts, DAGs, ER diagrams, org charts, and other interactive node edge editors. Unlike G2/G6, X6 uses an imperative API — you create a Graph instance, then call graph.addNode() , graph.addEdge() , and register plugins via graph.use() . CDN Usage Content Retrieval Service When using AntV X6 for data visualization, if you need to understand the concepts, usage, API, examples, and other aspects of X6 v3, you can use the provided context retrieval service. When using the skill, content is retrieved via an antv HTTP API server using GET requests. Host: https://sive.antv.antgroup.com Endpoint: /api/v1/context/retrieve Method: GET Parameters: query , library , topK , content , maxTokens Retrieve skills by query (hybrid search = FTS + vector + RRF fusion). Constraints docs are indexed as regular skill documents and will appear in search results naturally. Parameter Type Required Description query string ✅ Search keywords, e.g. flowchart stencil port library string ✅ Library name: g2 , g6 , x6 topK number Number of results to return (default: 5) content boolean Return full reference doc markdown (default: true) maxTokens number Max tokens per result (default: unlimited) Critical Rules MUST: graph.render() does NOT exist in X6 v3 MUST: Use string literal container: 'container' — no variable declaration MUST: Register plugins before using their methods MUST: Only 11 plugin classes exist — NOT constructor options ✅ Plugin class (import + graph.use ) ❌ NOT a plugin (constructor option) Clipboard , Dnd , Export , History , Keyboard , MiniMap , Scroller , Selection , Snapline , Stencil , Transform mousewheel , embedding , panning , connecting , translating , interacting , background , grid MUST: All used classes MUST appear in import statement MUST: Always call graph.centerContent() after adding nodes/edges MUST: Always set background color, default node/edge style MUST: mousewheel , panning , Selection.rubberband — use modifiers to avoid conflicts MUST: Output pure JavaScript — NO TypeScript syntax MUST: Shape.HTML.register for HTML nodes — NOT class extends Node Quick Reference User Intent Retrieve Query Graph init, container, background GET /api/v1/context/retrieve?query=graph+init+container+background&library=x6 Flowchart / approval flow GET /api/v1/context/retrieve?query=flowchart+approval&library=x6 DAG / data pipeline GET /api/v1/context/retrieve?query=DAG+pipeline+port&library=x6 ER diagram / entity relationship GET /api/v1/context/retrieve?query=ER+diagram+entity+relationship&library=x6 Lineage / data lineage graph GET /api/v1/context/retrieve?query=lineage+data+lineage&library=x6 Org chart / hierarchy GET /api/v1/context/retrieve?query=org+chart+hierarchy&library=x6 UML class diagram GET /api/v1/context/retrieve?query=UML+class+diagram&library=x6 Node config / custom node GET /api/v1/context/retrieve?query=node+custom+shape+rect+circle&library=x6 Edge config / router / connector GET /api/v1/context/retrieve?query=edge+router+connector+orth+smooth&library=x6 Ports / connection桩 GET /api/v1/context/retrieve?query=ports+connection+layout&library=x6 HTML shape node GET /api/v1/context/retrieve?query=html+shape+register&library=x6 Stencil / drag and drop panel GET /api/v1/context/retrieve?query=stencil+drag+drop+panel&library=x6 Plugin: Selection, History, Clipboard GET /api/v1/context/retrieve?query=Selection+History+Clipboard+plugin&library=x6 Plugin: MiniMap, Scroller, Snapline GET /api/v1/context/retrieve?query=MiniMap+Scroller+Snapline+plugin&library=x6 Plugin: Keyboard, Export, Transform GET /api/v1/context/retrieve?query=Keyboard+Export+Transform+plugin&library=x6 Panning / mousewheel / embedding GET /api/v1/context/retrieve?query=panning+mousewheel+embedding&library=x6 Tools (button remove, etc.) GET /api/v1/context/retrieve?query=tools+button remove+hover&library=x6 Events (click,mouseenter,moved) GET /api/v1/context/retrieve?query=events+node+click+mouse&library=x6 Serialization (toJSON, fromJSON) GET /api/v1/context/retrieve?query=serialization+toJSON+fromJSON&library=x6 Animation / gradient GET /api/v1/context/retrieve?query=animation+gradient+defs+marker&library=x6 Group / nesting / embedding GET /api/v1/context/retrieve?query=group+nesting+embedding+parent+child&library=x6 Dependencies @antv/x6 — X6 v3 diagram editing engine (exports Graph + 11 plugin classes)

antv-x6-editor