Agent skill

Route Sync

by ChenyCHENYU in ChenyCHENYU/Robot_Admin

A skill your agent uses when: registering new pages into the dynamic router system.

MITAuto-check passedDevelopment

Install Route Sync

skills CLI
$ npx skills add ChenyCHENYU/Robot_Admin --skill route-sync -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install ChenyCHENYU/Robot_Admin route-sync --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/ChenyCHENYU/Robot_Admin.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.github/skills/route-sync .claude/skills/route-sync && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
route-sync
GitHub stars
1k
Token cost
~1.5k tokens
SKILL.md length
203 words
Files
1
Skills in repo
7
Repo updated
First seen
Licence
MIT

At a glance

A skill your agent uses when: registering new pages into the dynamic router system.

  • Works in 5 steps: 确定挂载位置 → 生成路由条目 → 路由名称约定 → …
  • : registering new pages into the dynamic router system
  • SKILL.md covers 触发, 前置知识, 步骤 and 常见路由场景, plus 2 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Route Sync is an agent skill from ChenyCHENYU/Robot_Admin. Use when: registering new pages into the dynamic router system. Adds route entries to dynamicRouter.json and optionally updates keepAliveConfig.ts. Triggers on: route registration, 注册路由, 添加菜单, menu registration, 路由配置, dynamicRouter, 新增页面路由.

Its SKILL.md is about 1.5k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Development. It works with Vue.js. The repository describes itself as: 一款专为开发者省时间、提效率的现代化中后台模板,跳过低质造轮子,上手即开工!Vue 3 + TS + Naive UI,更有 Bun+Vite 双引擎,性能直接拉满💥 毫秒级热更新不卡顿,开发丝滑,您试试!还有49 个成熟组件,演示页+文档双重完善,无残缺、无坑点,复制即用无需额外调试;配套 8 个 @robot-admin…. The licence is MIT.

When your agent uses it

  • : registering new pages into the dynamic router system
  • : route registration
  • Menu registration

Example prompts

  • “/route-sync”

Workflow steps

5 steps, taken from the step headings in SKILL.md.

  1. 确定挂载位置
  2. 生成路由条目
  3. 路由名称约定
  4. 更新 keepAlive 配置(可选)
  5. 验证

What it can do on your machine

Read from SKILL.md and the folder at commit d9770ea. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are json and typescript).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Route Sync loads about 1.5k tokens when it runs. Until then it costs about 63 tokens; SKILL.md has 203 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~63
When it runs · the whole SKILL.md, loaded when a task matches
~1.5k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from ChenyCHENYU/Robot_Admin at commit d9770ea, republished under its MIT licence (© ChenyCHENYU). 203 words, ~1,457 tokens.

Download SKILL.mdSave it as .claude/skills/route-sync/SKILL.md (or your agent's skills folder).
name
route-sync
description
Use when: registering new pages into the dynamic router system. Adds route entries to dynamicRouter.json and optionally updates keepAliveConfig.ts. Triggers on: route registration, 注册路由, 添加菜单, menu registration, 路由配置, dynamicRouter, 新增页面路由.

Skill: 路由注册(route-sync)

将新建页面注册到 Robot Admin 的 动态路由系统,包括:

  1. 在 dynamicRouter.json 中添加路由条目
  2. 可选更新 keepAliveConfig.ts 缓存配置
  3. 验证路由路径和组件引用的正确性

触发

  • 新增页面后需要注册路由
  • 接收 page-spec JSON 中的 routeMeta 字段
  • 手动请求添加菜单/路由

前置知识

路由数据源

Robot Admin 使用本地 JSON 文件模拟后端动态路由接口:

src/assets/data/dynamicRouter.json

结构:

json
{
  "code": "0",
  "data": [
    {
      "path": "/模块路径",
      "name": "模块名",
      "component": "layout",
      "redirect": "/模块路径/默认子页",
      "meta": { "icon": "mdi:xxx", "title": "模块标题" },
      "children": [
        {
          "path": "子路径",
          "name": "路由名称",
          "component": "/views下的组件路径/index",
          "meta": {
            "icon": "mdi:xxx",
            "title": "页面标题",
            "hidden": false,
            "affix": false,
            "keepAlive": true,
            "full": false
          }
        }
      ]
    }
  ],
  "msg": "success"
}
组件路径映射

component 字段值会被 dynamicRouter.ts 中的 VIEW_MODULES 映射为实际组件:

"/home/index"          → src/views/home/index.vue
"/demo/10-table/index" → src/views/demo/10-table/index.vue
"/sys-manage/user-manage/index" → src/views/sys-manage/user-manage/index.vue

规则:

  • 省略 src/views 前缀和 .vue 后缀
  • 以 / 开头
  • 以 /index 结尾(对应目录下的 index.vue)
特殊 component 值
值含义
"layout"使用 C_Layout 布局组件(一级菜单必须用)
"/xxx/index"懒加载的页面组件
meta 字段说明
字段类型默认值说明
titlestring—菜单/标签页标题(必填)
iconstring—MDI 图标名(如 mdi:account)
hiddenbooleanfalse是否从菜单隐藏(详情/编辑页用)
affixbooleanfalse标签页是否固定不可关闭
keepAlivebooleanfalse是否启用页面缓存
fullbooleanfalse是否全屏展示(无侧边栏/头部)
linkstring—外链地址(iframe 嵌入)

步骤

1. 确定挂载位置

根据 page-spec 的 path 确定路由挂载位置:

  • 新增子页面到已有模块:找到对应的顶级路由节点,在 children 数组中追加
  • 新增独立模块:在 data 数组中新增顶级路由节点(component: "layout")
2. 生成路由条目
新增子页面
json
{
  "path": "页面路径(kebab-case,不带前导 /)",
  "name": "模块-页面名(kebab-case)",
  "component": "/模块/页面目录/index",
  "meta": {
    "icon": "mdi:图标名",
    "title": "页面中文标题",
    "hidden": false,
    "affix": false,
    "keepAlive": true,
    "full": false
  }
}
新增模块
json
{
  "path": "/模块路径",
  "name": "模块名",
  "component": "layout",
  "redirect": "/模块路径/默认子页",
  "meta": {
    "icon": "mdi:模块图标",
    "title": "模块标题",
    "hidden": false,
    "full": false,
    "affix": false,
    "keepAlive": false
  },
  "children": [
    {
      "path": "子页面路径",
      "name": "模块-子页面名",
      "component": "/模块/子页面/index",
      "meta": {
        "icon": "mdi:子页面图标",
        "title": "子页面标题",
        "hidden": false,
        "affix": false,
        "keepAlive": true,
        "full": false
      }
    }
  ]
}
隐藏页面(详情/编辑)
json
{
  "path": "detail/:id",
  "name": "模块-资源-detail",
  "component": "/模块/资源-detail/index",
  "meta": {
    "icon": "mdi:file-document",
    "title": "详情",
    "hidden": true,
    "keepAlive": false
  }
}
3. 路由名称约定
模块前缀-页面名(kebab-case)

示例:

demo-10-table      → /demo/10-table
sys-user-manage    → /sys-manage/user-manage
order-detail       → /order/detail/:id
4. 更新 keepAlive 配置(可选)

如果 meta.keepAlive: true,需在 src/config/keepAliveConfig.ts 中注册:

typescript
export const KEEP_ALIVE_PAGES = [
  'ComponentName', // 必须与 defineOptions({ name: '...' }) 中的 name 一致
]
5. 验证

生成路由后执行以下检查:

  • component 路径对应的 .vue 文件存在于 src/views/ 下
  • name 在整个 dynamicRouter.json 中唯一
  • path 不与已有路由冲突
  • 父级路由 redirect 指向有效的子路由
  • keepAlive 为 true 时,组件 name 已在 keepAliveConfig 注册

常见路由场景

Demo 页面
json
// 追加到 /demo 的 children 中
{
  "path": "57-new-feature",
  "name": "demo-57-new-feature",
  "component": "/demo/57-new-feature/index",
  "meta": {
    "icon": "mdi:star",
    "title": "新功能演示",
    "hidden": false,
    "keepAlive": true
  }
}
业务管理模块
json
// 新增顶级菜单
{
  "path": "/order-manage",
  "name": "order-manage",
  "component": "layout",
  "redirect": "/order-manage/order-list",
  "meta": {
    "icon": "mdi:receipt",
    "title": "订单管理"
  },
  "children": [
    {
      "path": "order-list",
      "name": "order-list",
      "component": "/order-manage/order-list/index",
      "meta": {
        "icon": "mdi:format-list-bulleted",
        "title": "订单列表",
        "keepAlive": true
      }
    },
    {
      "path": "order-detail/:id",
      "name": "order-detail",
      "component": "/order-manage/order-detail/index",
      "meta": {
        "icon": "mdi:file-document",
        "title": "订单详情",
        "hidden": true
      }
    }
  ]
}

输出

文件操作
src/assets/data/dynamicRouter.json追加路由条目
src/config/keepAliveConfig.ts可选:追加缓存组件名

注意事项

  1. 不要破坏 JSON 格式:dynamicRouter.json 必须是合法 JSON,注意尾逗号
  2. 子路由 path 不带前导 /:子路由 path 是相对路径(如 "user-manage",不是 "/user-manage")
  3. component 路径以 / 开头:如 "/sys-manage/user-manage/index"
  4. name 全局唯一:路由 name 不能与已有的重复
  5. 图标统一用 mdi: 前缀:Robot Admin 使用 @iconify/vue 的 MDI 图标集

© ChenyCHENYU, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in .github/skills/route-sync of ChenyCHENYU/Robot_Admin.

Open the folder on GitHubat commit d9770ea

Compare with similar skills

Route Sync next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Route Sync compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Route Sync this skillChenyCHENYU/Robot_Admin1k—~1.5kAutomated safety check: PassMIT
Generate Release Notesteambit/bit18k—~2.2kAutomated safety check: PassCustom licence
Wagmi Feature Developmentwevm/wagmi6.8k—~3.8kAutomated safety check: PassMIT
Pnpm Engineteambit/bit18k—~1.9kAutomated safety check: PassCustom licence
Code Nest Project Specxiaou61/Code-Nest770—~1.3kAutomated safety check: PassMIT
Lint Commit PRTresjs/tres3.8k—~1.1kAutomated safety check: PassMIT

Similar skills

  • Generate comprehensive release notes for Bit from git commits and pull requests.

    18k GitHub stars~2.2k tokensUpdated today
    DevelopmentAuto-check passed
  • Walks through adding a Wagmi feature across its layers: a Viem-based core action, TanStack Query options, and React and Vue bindings.

    6.8k GitHub stars~3.8k tokensUpdated 6 days ago
    DevelopmentAuto-check passed
  • Pnpm Engine

    teambit/bit

    Work on the pnpm Rust engine (@pnpm/napi, the pacquet crates) that bit install runs through.

    18k GitHub stars~1.9k tokensUpdated today
    DevelopmentAuto-check passed
  • Code Nest Project Spec

    xiaou61/Code-Nest

    Code-Nest 多模块全栈项目协作规范与落点导航。Use when modifying this repository for feature development, bug fixing, refactor, API change, SQL migration, or frontend-backend联调 so changes land in the correct module…

    770 GitHub stars~1.3k tokensUpdated today
    DevelopmentAuto-check passed
  • Lint Commit PR

    Tresjs/tres

    Lint local changes, auto-fix, conventional commit, and optionally create PR

    3.8k GitHub stars~1.1k tokensUpdated today
    DevelopmentAuto-check passed
  • Create Skill

    Hyk260/PureChat

    Create a new skill in the current repository. An agent skill from Hyk260/PureChat.

    546 GitHub starsUsed in 1 repo~823 tokens
    DevelopmentAuto-check passed

More from ChenyCHENYU/Robot_Admin

  • API Contract

    ChenyCHENYU/Robot_Admin

    A skill your agent uses when: generating TypeScript API layer (type definitions + request functions) from page-spec JSON or Swagger/OpenAPI docs.

    1k GitHub stars~1.9k tokensUpdated today
    Auto-check passed
  • Branch Sync

    ChenyCHENYU/Robot_Admin

    A skill your agent uses when: upgrading dependencies, adding common features, or when the user explicitly requests branch sync check.

    1k GitHub stars~883 tokensUpdated today
    Auto-check passed
  • Convention Audit

    ChenyCHENYU/Robot_Admin

    A skill your agent uses when: reviewing code for compliance with Robot Admin project conventions, or when generating a compliance report.

    1k GitHub stars~1.5k tokensUpdated today
    Auto-check passed
  • Mock Codegen

    ChenyCHENYU/Robot_Admin

    A skill your agent uses when: generating mock data for development without a backend.

    1k GitHub stars~1.2k tokensUpdated today
    Auto-check passed
  • Page Codegen

    ChenyCHENYU/Robot_Admin

    A skill your agent uses when: generating Vue 3 page code from either a page-spec JSON or a natural language description.

    1k GitHub stars~3.5k tokensUpdated today
    Auto-check passed
  • Prototype Scan

    ChenyCHENYU/Robot_Admin

    A skill your agent uses when: analyzing Axure exported HTML prototype files or detailed design documents to extract page inventory, classify interaction patterns, and produce a structured page-spec…

    1k GitHub stars~1.6k tokensUpdated today
    Auto-check passed

Works with

Categories

Questions about Route Sync

What does Route Sync do?

A skill your agent uses when: registering new pages into the dynamic router system. Route Sync is an agent skill from ChenyCHENYU/Robot_Admin. Use when: registering new pages into the dynamic router system.

When should I use Route Sync?

Route Sync fits situations like: : registering new pages into the dynamic router system; : route registration; menu registration.

How do I install Route Sync in Claude Code?

Run `npx skills add ChenyCHENYU/Robot_Admin --skill route-sync -a claude-code`. Or copy the skill folder (.github/skills/route-sync in ChenyCHENYU/Robot_Admin) into .claude/skills/route-sync in your project. Claude Code loads it when a task matches its description.

How do I install Route Sync in Codex?

Run `npx skills add ChenyCHENYU/Robot_Admin --skill route-sync -a codex`. Or copy the skill folder (.github/skills/route-sync in ChenyCHENYU/Robot_Admin) into .agents/skills/route-sync in your project. Codex loads it when a task matches its description.

Can I use Route Sync in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add ChenyCHENYU/Robot_Admin --skill route-sync -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/route-sync, .gemini/skills/route-sync, .github/skills/route-sync and .opencode/skills/route-sync in your project.

What does Route Sync need to run?

SKILL.md names no scripts, command-line tools or credentials: Route Sync is instructions for the agent only.

Does Route Sync access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Route Sync safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Route Sync use?

Route Sync is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Route Sync use?

About 1.5k tokens (SKILL.md is roughly 5.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Route Sync?

Skills that share tags, products or a category with Route Sync: Generate Release Notes (teambit/bit, 18k stars), Wagmi Feature Development (wevm/wagmi, 6.8k stars), Pnpm Engine (teambit/bit, 18k stars) and Code Nest Project Spec (xiaou61/Code-Nest, 770 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Route Sync?

ChenyCHENYU (a GitHub user) maintains it in ChenyCHENYU/Robot_Admin, which has 1,020 GitHub stars. The repository holds 7 skills in this directory. The repository was last updated on October 8, 2026.

Source: ChenyCHENYU/Robot_Admin on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.