Name: rdt-editor
Author: xingrz

Imported from xingrz/rdt-editor (AGENTS.md). Install upstream with npx skills add xingrz/rdt-editor. Copyright stays with the author.

RDT Editor

A web-based visual editor for Wikipedia Route Diagram Template (RDT). It provides a split-view interface with a text editor on the left and a live-rendered route diagram preview on the right.

Deployed at https://rdt.xingrz.me/.

Tech Stack

Framework: Vue 3 with Composition API, TypeScript
State Management: Pinia
Code Editor: Ace Editor (with custom RDT syntax highlighting)
UI Components: Naive UI
Build Tool: Vite
Testing: Vitest
Styling: SCSS

Project Structure

src/
├── ast.ts              # RDT syntax parser (text → AST)
├── components/         # Vue components (editor, map preview, app bar)
├── composables/        # Vue composables for editor bindings
├── editor/             # Ace editor extensions (syntax highlighting)
├── stores/             # Pinia stores (editor state, icon loading)
├── types/              # TypeScript type definitions
└── utils/              # Utility functions

Key Concepts

RDT Syntax: A text-based format used on Wikipedia to describe transit/railway route diagrams. Each line represents a row of the diagram, containing icons and text cells separated by specific delimiters.
AST: The parser transforms raw RDT text into an abstract syntax tree of rows, cells, icons, text elements, and sidebar info. This AST drives the visual preview rendering.
BSicon: Standardized SVG icons hosted on Wikimedia Commons, used to represent stations, lines, and other route elements. The app fetches and caches these icons at runtime.

Git Conventions

Commit messages should be concise, in English, starting with a verb in imperative mood (e.g. Add, Fix, Refactor, Remove).
When implementing a feature or fix, commit at reasonable granularity — each commit should represent a single logical change. Do not squash everything into one commit, but also avoid committing every trivial edit separately.
Every AI-authored or AI-assisted commit must include a Co-Authored-By trailer with the model name used, for example:
```
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
```

Development

npm install
npm run dev     # Start dev server at localhost:8080
npm run build   # Production build
npm run lint    # Run ESLint
npm run test    # Run tests with Vitest

Install rdt-editor and it becomes one more candidate the router can pick - when it fits.

A listing is a routing target with a manifest: what it does, which domains it covers, what it costs and who publishes it. Once installed it sits beside your own models and tools, is scored like any other candidate for each request, and shows up in the trace when it wins. Ratings come from workspaces that installed it, one per account.

{ "ocm": "1", "id": "xingrz-rdt-editor-rdt-editor", "kind": "skill", "name": "rdt-editor", "description": "A web-based visual editor for Wikipedia [Route Diagram Template (RDT)](https://en.wikipedia.org/wiki/WP:RDT). It provides a split-view interface with a text editor on the left and a live-rendered route diagram preview on the right.", "publisher": "xingrz", "version": "1.0.0", "capabilities": { "domains": [ "general" ], "tags": [ "skill-md", "github-agents" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "A web-based visual editor for Wikipedia [Route Diagram Template (RDT)](https://en.wikipedia.org/wiki/WP:RDT). It provides a split-view interface with a text editor on the left and a live-rendered route diagram preview on the right." ], "primary": false, "metadata": { "source": { "provider": "github-agents", "repository": "https://github.com/xingrz/rdt-editor", "path": "AGENTS.md", "ref": "ff07aefd36fade05e9f5bc5fc52923d661c0ad7e", "url": "https://github.com/xingrz/rdt-editor/blob/ff07aefd36fade05e9f5bc5fc52923d661c0ad7e/AGENTS.md", "key": "xingrz/rdt-editor/AGENTS.md" } }, "instructions": "# RDT Editor\n\nA web-based visual editor for Wikipedia [Route Diagram Template (RDT)](https://en.wikipedia.org/wiki/WP:RDT). It provides a split-view interface with a text editor on the left and a live-rendered route diagram preview on the right.\n\nDeployed at <https://rdt.xingrz.me/>.\n\n## Tech Stack\n\n- **Framework**: Vue 3 with Composition API, TypeScript\n- **State Management**: Pinia\n- **Code Editor**: Ace Editor (with custom RDT syntax highlighting)\n- **UI Components**: Naive UI\n- **Build Tool**: Vite\n- **Testing**: Vitest\n- **Styling**: SCSS\n\n## Project Structure\n\n```\nsrc/\n├── ast.ts ", "cost": { "context_tokens": 590 } }

rdt-editor

About

RDT Editor

Tech Stack

Project Structure

Key Concepts

Git Conventions

Development

Install rdt-editor and it becomes one more candidate the router can pick - when it fits.

Use it

Manifest

Reviews