What problem does it solve? Building interactive node-edge diagram editors with AntV X6 v3 requires navigating an imperative API, 11 plugin classes, and strict v3 conventions that differ sharply from v2 and from G6, leading to frequent errors like calling nonexistent methods or misusing constructor options. ## Core Features & Use Cases - Correct X6 v3 Code Generation: Produces pure JavaScript using graph.addNode(), graph.addEdge(), and graph.use() with mandatory rules such as string-literal containers, plugin registration before use, and graph.centerContent() after additions. - Diagram Type Coverage: Supports flowcharts, DAG pipelines, ER diagrams, lineage graphs, org charts, UML class diagrams, and network topology editors with stencil drag-and-drop. - On-Demand Reference Retrieval: Fetches in-depth X6 documentation via the AntV context retrieval API (/api/v1/context/retrieve) for topics like ports, routers, serialization, and HTML shape nodes. - Use Case: A developer asks for an ER diagram editor with drag-and-drop stencil and port connections; the skill generates working X6 v3 code with Selection, Stencil, and Snapline plugins correctly registered. ## Quick Start Ask the assistant to create an X6 flowchart editor with a stencil panel and port-based edge connections.
