Agent skill

Flycms Frontend Access

by sunkaifei in sunkaifei/FlyCms

FlyCms 前端(frontend/,vue-vben-admin v5)与后端(backend/,Spring Boot Session 认证)对接的领域知识与开发规范。凡在本仓库开发管理端登录、动态菜单、角色/权限/按钮控制、新增给前端调用的后端接口、或新建任何 /system 管理页面时都要使用——即使用户只说"加个页面""接一下登录""加个权限",也应主动加载本 skill。

MITAuto-check: notesBackend & APIs

Install Flycms Frontend Access

skills CLI
$ npx skills add sunkaifei/FlyCms --skill flycms-frontend-access -a claude-code

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

GitHub CLI
$ gh skill install sunkaifei/FlyCms flycms-frontend-access --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/sunkaifei/FlyCms.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/flycms-frontend-access .claude/skills/flycms-frontend-access && 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
flycms-frontend-access
GitHub stars
656
Token cost
~725 tokens
SKILL.md length
119 words
Files
1
Skills in repo
3
Repo updated
First seen
Licence
MIT

At a glance

FlyCms 前端(frontend/,vue-vben-admin v5)与后端(backend/,Spring Boot Session 认证)对接的领域知识与开发规范。凡在本仓库开发管理端登录、动态菜单、角色/权限/按钮控制、新增给前端调用的后端接口、或新建任何 /system 管理页面时都要使用——即使用户只说"加个页面""接一下登录""加个权限",也应主动加载本 skill。

  • Tasks that involve Backend development
  • SKILL.md covers 先读手册, 核心契约速查, 关键文件地图 and 硬性约定
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Flycms Frontend Access is an agent skill from sunkaifei/FlyCms. FlyCms 前端(frontend/,vue-vben-admin v5)与后端(backend/,Spring Boot Session 认证)对接的领域知识与开发规范。凡在本仓库开发管理端登录、动态菜单、角色/权限/按钮控制、新增给前端调用的后端接口、或新建任何 /system 管理页面时都要使用——即使用户只说"加个页面""接一下登录""加个权限",也应主动加载本 skill。

Its SKILL.md is about 730 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 Backend & APIs, covering Backend development. It works with Spring Boot, Vue.js and MySQL. The repository describes itself as: FlyCms 是一个类似知乎以问答为基础的完全开源的JAVA语言开发的社交网络建站程序,基于 Spring Boot+Bootstrap3+MyBatis+MySql+Solr +Ehcache应用架构,专注于社区内容的整理、归类和检索,它集合了问答,digg,wiki…. The licence is MIT.

When your agent uses it

  • Tasks that involve Backend development

Example prompts

  • “Use the flycms-frontend-access skill to flycm 前端(frontend/,vue-vben-admin v5)与后端(backend/,Spring Boot Session…”
  • “/flycms-frontend-access”

What it can do on your machine

Read from SKILL.md and the folder at commit edfdf72. 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.

    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

Flycms Frontend Access loads about 725 tokens when it runs. Until then it costs about 54 tokens; SKILL.md has 119 words of instructions outside code blocks.

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

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: notes

The automated check noted patterns worth knowing about, such as sudo or a known installer.

  • NoteMentions a .env fileSKILL.md:53
    └── .env.development                         # VITE_NITRO_MOCK、VITE_GLOB_API_URL

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 sunkaifei/FlyCms at commit edfdf72, republished under its MIT licence (© sunkaifei). 119 words, ~725 tokens.

Download SKILL.mdSave it as .claude/skills/flycms-frontend-access/SKILL.md (or your agent's skills folder).
name
flycms-frontend-access
description
FlyCms 前端(frontend/,vue-vben-admin v5)与后端(backend/,Spring Boot Session 认证)对接的领域知识与开发规范。凡在本仓库开发管理端登录、动态菜单、角色/权限/按钮控制、新增给前端调用的后端接口、或新建任何 /system 管理页面时都要使用——即使用户只说"加个页面""接一下登录""加个权限",也应主动加载本 skill。

FlyCms 前端权限对接

对接方案的完整设计、端点清单、代码骨架和踩坑记录在 docs/frontend-access-guide.md——动手前先读它,本文件只是速查。

本 skill 是"前端权限"专项。项目级通用规范(分层约定、验证流程、防腐化边界、技术债与架构决策)见 flycms-dev skill;两者冲突时以本专项为准。

先读手册

  • 规划对接/改造 → 读手册 §2(对接总方案)和 §3(前端改造步骤)
  • 新建管理页面 → 读手册 §4(SOP checklist)
  • 调试异常 → 读手册 §5(已知坑表),先对照再排查
  • 拿不准后端行为 → 按 §1.1 的文件路径直接读后端源码确认,不要凭记忆

核心契约速查

事项结论
认证Session-Cookie(JSESSIONID),dev 靠 vite proxy 同源透传,不做 JWT
accessToken占位字符串 'session',仅满足 vben authLogin 的非空判断
响应格式后端 DataVo{code:0成功/-1失败, message, url, data} ≈ vben 拦截器 {codeField:'code', dataField:'data', successCode:0},天然兼容,零改动
未登录信号后端新 /api/** 端点必须抛 HTTP 401(ResponseStatusException);老 /system/** 是 200+{login_status:300},vben 不认
权限码= 后端 fly_admin_permission.action_key(URL 字符串,如 /system/admin/admin_save),经 GET /api/auth/codes 下发,前端 v-access:code 使用,两边一字不差
角色= fly_admin_group.name,经 GET /api/user/info 的 roles 下发,前端路由 meta.authority 过滤
菜单起步用 accessMode: 'frontend'(前端静态路由),后端无菜单表
验证码GET /captcha/default(session key kaptcha),前端登录页用图形验证码替换 vben 滑块,每次提交后刷新图片
登录参数admin_name / password / captcha(下划线命名,不是 username)

关键文件地图

backend/src/main/java/com/flycms/
├── web/system/IndexAdminController.java     # POST /system/login_act、logout
├── web/system/AdminController.java          # 管理员/角色组/权限管理端点
├── interceptor/AdminInterceptor.java        # /system/** URL 权限拦截
├── core/entity/DataVo.java                  # 响应封装(注意 success 重载陷阱)
├── core/utils/AdminSessionUtils.java        # 会话读写
├── module/admin/service/{Admin,Group,Permission}Service.java
└── config/WebMvcConfig.java                 # 拦截器注册、豁免路径

frontend/apps/web-antd/
├── src/api/request.ts                       # 拦截器链(DataVo 兼容点)
├── src/api/core/{auth,user,menu}.ts         # 登录/用户/菜单 API 定义
├── src/store/auth.ts                        # authLogin 登录流
├── src/views/_core/authentication/login.vue # 登录页(滑块→图形验证码)
├── src/preferences.ts                       # accessMode、app.name
├── src/router/routes/modules/               # 静态菜单路由
├── vite.config.ts                           # /api proxy target(默认 mock:5320)
└── .env.development                         # VITE_NITRO_MOCK、VITE_GLOB_API_URL

packages/utils/src/helpers/generate-routes-backend.ts   # backend 菜单模式的组件路径归一化

硬性约定

  • 新后端端点放 /api/**(新控制器 web/api/),返回 DataVo,成功统一 DataVo.success(message, data) 两参重载;/api/** 不在 AdminInterceptor 范围内,端点内必须自查 session(401)。
  • 后端能力先行:新页面对应的 action_key 要先 GET /system/admin/permission_sync 同步、再在角色组勾权限,前端才有码可用。
  • 别改 docs/frontend-access-guide.md 之外另立对接文档;方案变更直接更新手册。

© sunkaifei, 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 .agents/skills/flycms-frontend-access of sunkaifei/FlyCms.

Open the folder on GitHubat commit edfdf72

Compare with similar skills

Flycms Frontend Access 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.

Flycms Frontend Access compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Flycms Frontend Access this skillsunkaifei/FlyCms656—~725Automated safety check: NotesMIT
Qk Devycf1998/money-pos120—~993Automated safety check: PassNone
Springboot Init Skilljiushiwon/wg-skills114—~2.2kAutomated safety check: NotesApache-2.0
AWS Rds Spring Boot Integrationgiuseppe-trisciuoglio/developer-kit356—~2.1kAutomated safety check: NotesMIT
Livewire Developmentcoollabsio/coolify63k—~964Automated safety check: PassMIT
Mall4jgz-yami/mall4j5.3k—~640Automated safety check: NotesAGPL-3.0

Similar skills

  • Qk Dev

    ycf1998/money-pos

    QK-Money 框架的全流程开发助手。当用户在 QK-Money 项目中需要开发一个具体的管理功能(如供应商管理、商品品牌管理、优惠券管理)时触发。典型触发语:开发某个管理功能、新增一个XX模块、做个XX列表页面。涵盖需求澄清 → 设计文档 → 编码交付三个阶段。需求范围过大、需要拆解为多个子模块时不应直接触发,应先做整体设计。

    120 GitHub stars~993 tokensUpdated 4 days ago
    Backend & APIsAuto-check passed
  • Springboot Init Skill

    jiushiwon/wg-skills

    Spring Boot 项目一键初始化技能。面向零基础小白,提供环境探测、自动安装、完整 Web 骨架生成、SSE 流式框架、JWT 鉴权、统一响应封装、文件上传接口、一键启动/重启脚本、Swagger 文档,内置 MySQL(默认)/ PostgreSQL / MongoDB 数据库选择。用户只需说"帮我搭一个 Spring Boot…

    114 GitHub stars~2.2k tokensUpdated 2 days ago
    Backend & APIsAuto-check: notes
  • AWS Rds Spring Boot Integration

    giuseppe-trisciuoglio/developer-kit

    Provides patterns to configure AWS RDS (Aurora, MySQL, PostgreSQL) with Spring Boot applications.

    356 GitHub stars~2.1k tokensUpdated 29 days ago
    DatabasesAuto-check: notes
  • Livewire Development

    coollabsio/coolify

    A skill your agent uses for any task or question involving Livewire.

    63k GitHub stars~964 tokensUpdated today
    Backend & APIsAuto-check passed
  • Mall4j

    gz-yami/mall4j

    Mall4j 开源版现有功能副驾驶:本地启动、mall4v/mall4m/mall4uni、商品/SKU、购物车、下单支付、订单发货、会员、运费、权限、部署排查。适用于下载 mall4j / yami-shop 后按现有功能使用或二次开发;不要编造开源版没有的能力。

    5.3k GitHub stars~640 tokensUpdated 10 days ago
    Backend & APIsAuto-check: notes
  • Spring Boot

    piomin/claude-ai-spring-boot

    Spring Boot 3.x development - REST APIs, JPA, Security, Testing, and Cloud-native patterns.

    1.3k GitHub stars~2k tokensUpdated 5 mo ago
    Backend & APIsAuto-check passed

More from sunkaifei/FlyCms

  • Avoid AI Design

    sunkaifei/FlyCms

    Audit and rewrite frontend UI to remove generic AI design patterns ("AI slop"), both the first-order defaults (purple gradients, Inter, a centered hero over three cards, untouched shadcn) and the…

    656 GitHub stars~3.5k tokensUpdated yesterday
    Auto-check passed
  • Flycms Dev

    sunkaifei/FlyCms

    FlyCms 项目(backend/ Spring Boot 4.1.1 + frontend/ vue-vben-admin v5)的架构地图与开发规范总纲。凡在本仓库做任何开发——写后端接口、新增/修改模块、管理页面、数据库变更、修 bug、重构——都要先加载本 skill 再动手,即使用户只说"改一下""加个功能";前端登录/菜单/权限专项另见…

    656 GitHub stars~827 tokensUpdated yesterday
    Auto-check passed

Questions about Flycms Frontend Access

What does Flycms Frontend Access do?

FlyCms 前端(frontend/,vue-vben-admin v5)与后端(backend/,Spring Boot Session 认证)对接的领域知识与开发规范。凡在本仓库开发管理端登录、动态菜单、角色/权限/按钮控制、新增给前端调用的后端接口、或新建任何 /system 管理页面时都要使用——即使用户只说"加个页面""接一下登录""加个权限",也应主动加载本 skill。. Flycms Frontend Access is an agent skill from sunkaifei/FlyCms.

When should I use Flycms Frontend Access?

Flycms Frontend Access fits situations like: tasks that involve Backend development.

How do I install Flycms Frontend Access in Claude Code?

Run `npx skills add sunkaifei/FlyCms --skill flycms-frontend-access -a claude-code`. Or copy the skill folder (.agents/skills/flycms-frontend-access in sunkaifei/FlyCms) into .claude/skills/flycms-frontend-access in your project. Claude Code loads it when a task matches its description.

How do I install Flycms Frontend Access in Codex?

Run `npx skills add sunkaifei/FlyCms --skill flycms-frontend-access -a codex`. Or copy the skill folder (.agents/skills/flycms-frontend-access in sunkaifei/FlyCms) into .agents/skills/flycms-frontend-access in your project. Codex loads it when a task matches its description.

Can I use Flycms Frontend Access 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 sunkaifei/FlyCms --skill flycms-frontend-access -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/flycms-frontend-access, .gemini/skills/flycms-frontend-access, .github/skills/flycms-frontend-access and .opencode/skills/flycms-frontend-access in your project.

What does Flycms Frontend Access need to run?

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

Does Flycms Frontend Access 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 Flycms Frontend Access safe to install?

Our automated static check of SKILL.md found notes only (mentions a .env file), nothing it rates as a warning. It is not a guarantee. Review the folder before installing.

What licence does Flycms Frontend Access use?

Flycms Frontend Access 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 Flycms Frontend Access use?

About 725 tokens (SKILL.md is roughly 2.9k 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 Flycms Frontend Access?

Skills that share tags, products or a category with Flycms Frontend Access: Qk Dev (ycf1998/money-pos, 120 stars), Springboot Init Skill (jiushiwon/wg-skills, 114 stars), AWS Rds Spring Boot Integration (giuseppe-trisciuoglio/developer-kit, 356 stars) and Livewire Development (coollabsio/coolify, 63k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Flycms Frontend Access?

sunkaifei (a GitHub user) maintains it in sunkaifei/FlyCms, which has 656 GitHub stars. The repository holds 3 skills in this directory. The repository was last updated on October 8, 2026.

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