01
Framework references
Focused guides for React, Vue3, Vue2, Svelte, and Web Components.
Local AI coding skill
Build relationship-data applications with a relation-graph specialist skill.
RG-Dev Skill packages relation-graph documentation, framework references, API guardrails, type notes, and verified implementation patterns for Codex, Claude Code, and other local AI coding agents.
What is included
A portable knowledge layer for graph-app development.
It is not a prompt collection. It is a structured skill directory that helps coding agents implement real graph visualization and graph editing features.
02
Verified patterns
Scenario snippets distilled from ordinary layout and use-case examples.
03
API guardrails
Core API and type notes that help agents avoid invented relation-graph usage.
04
Delivery workflow
Rules for selecting references, applying patterns, editing code, and verifying locally.
Capability map
It carries practical relation-graph engineering knowledge, not only API names.
The skill separates framework guides, core types, layout rules, editing workflows, and verified scenario snippets so local coding agents can read only the right context for the current task.
DATA
Relationship-data modeling
Understands graph data lifecycle, rootId, nodes, lines, fakeLines, nested structures, and how to prepare data for relation-graph rendering.
LAYOUT
Layout strategy
Knows tree, smart-tree, center, force, fixed, folder, io-tree, circle, and other layout choices for different product scenarios.
EDITING
Graph interaction and editing
Covers node and edge events, drag behavior, selection, context menus, toolbars, minimaps, and create/update/delete editing flows.
RENDER
Custom rendering
Guides custom node, line, canvas, background, and view-layer implementations across supported framework bindings.
STACKS
Multi-framework delivery
Provides dedicated references for React, Vue3, Vue2, Svelte, and Web Components, reducing framework-specific mistakes.
SCENES
Verified scenario knowledge
Distills ordinary layout and use-case examples into reusable patterns so agents can start from proven implementations.
Package facts
Compact enough for local agents, structured enough for serious delivery.
The package is intentionally split into a small entry skill, focused references, and scenario patterns. Agents do not need to load the whole manual unless the task requires it.
978.0 KiB of curated skill files before compression.
235.1 KiB compressed zip, small enough for local skill installation.
Includes the skill entry, framework guides, core API notes, and pattern indexes.
A shallow structure for agents to discover only the references they need.
Directory structure
rg-dev-skill/
|-- SKILL.md
|-- agents/
| `-- openai.yaml
|-- references/
| |-- index.md
| |-- core-concepts.md
| |-- api-core.md / types-core.md
| |-- layouts.md / editing.md
| |-- react.md / vue3.md / vue2.md
| |-- svelte.md / web-components.md
| `-- full-guide.md
`-- patterns/
|-- index.md / index.json
|-- layout/
`-- use-cases/How to use
Install it into your local AI coding workflow.
Download the zip, unzip it, then put the rg-dev-skill directory into the skill folder used by your coding agent.
- Download rg-dev-skill.zip from this page.
- Unzip it and keep the complete rg-dev-skill directory.
- Place it into the local skills directory used by Codex, Claude Code, or your compatible agent.
- In graph-app development tasks, ask the agent to use rg-dev-skill.
Best-fit tasks
Use it when the task is about relationship data.
Ask your agent to use rg-dev-skill when building graph visualization, graph editors, or custom relation-graph features.
Knowledge graphs and network views
Build graph views for relationship data, dependency networks, lineage diagrams, and topology maps.
Graph editors
Implement node and edge editing, custom toolbars, minimaps, and canvas interactions.
Framework migration
Move relation-graph examples and features across supported frameworks while preserving behavior.
Existing project changes
Guide AI coding agents to modify your current codebase instead of generating isolated snippets.
Access