admin-net-frontend

admin-net-frontend is a skill for Claude Code, Codex from znlgis/opengis-skills. It costs 49 tokens per session (2,446 once invoked), scanned A, original, MIT.

A Vue 3 frontend for an administrative dashboard that works with the Admin.NET backend. Vue is a JavaScript framework for building web interfaces; the project also uses TypeScript, Vite, and Element Plus UI components.

In plain words
What is it for?
Use it to build management dashboards with login, dynamic navigation, role-based menus, CRUD pages, multiple languages, themes, charts, and real-time updates.
Why use it?
It avoids assembling login screens, menus, routing, permissions, and common data-entry pages from separate pieces. The interface can reflect backend permissions and generate CRUD pages for administrative data.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Good fit Use it to build management dashboards with login, dynamic navigation, role-based menus, CRUD pages, multiple languages, themes, charts, and real-time updates.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/znlgis/opengis-skills/admin-net-frontend
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add znlgis/opengis-skills --skill admin-net-frontend
Clone the repo
git clone --depth 1 https://github.com/znlgis/opengis-skills

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for admin-net-frontend

README.md
[![agentmods](https://agentmods.dev/badge/skills/znlgis/opengis-skills/admin-net-frontend/github.svg)](https://agentmods.dev/skills/znlgis/opengis-skills/admin-net-frontend)
Your own site
<a href="https://agentmods.dev/skills/znlgis/opengis-skills/admin-net-frontend"><img src="https://agentmods.dev/badge/skills/znlgis/opengis-skills/admin-net-frontend/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for admin-net-frontend

Your own site · 80×15
<a href="https://agentmods.dev/skills/znlgis/opengis-skills/admin-net-frontend"><img src="https://agentmods.dev/badge/skills/znlgis/opengis-skills/admin-net-frontend.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 49 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 2,446 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe. Third-party audits
  • NVIDIA SkillSpector warn 7 Sept 2026
SkillSpector: 3 findings, up to high

These are SkillSpector’s own severities. On a checked sample its high-severity flags on skills were ~96% false positives — a documented command, a public API, a “never do X” rule — so we show them as a caution to read, not a verdict. Why →

  • high Privilege Escalation · line 82
    Code accesses credential files (SSH keys, AWS credentials, etc.). This could indicate credential theft attempts.
    Fix: Remove references to credential paths. Use environment variables or secrets managers. For docs, use placeholder paths (e.g., /path/to/config). Never load .env or token files in production code paths.
  • high Privilege Escalation · line 83
    Code accesses credential files (SSH keys, AWS credentials, etc.). This could indicate credential theft attempts.
    Fix: Remove references to credential paths. Use environment variables or secrets managers. For docs, use placeholder paths (e.g., /path/to/config). Never load .env or token files in production code paths.
  • high Privilege Escalation · line 84
    Code accesses credential files (SSH keys, AWS credentials, etc.). This could indicate credential theft attempts.
    Fix: Remove references to credential paths. Use environment variables or secrets managers. For docs, use placeholder paths (e.g., /path/to/config). Never load .env or token files in production code paths.
How audits are shown
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00049 $0.02446
Opus 5 $0.00024 $0.01223
Sonnet 5 $0.00010 $0.00489
Haiku 4.5 $0.00005 $0.00245

Measured 7d ago against content hash f0b5f1bfc2af, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-11, from the pricing page.

Security

Grade A, and why

admin-net-frontend scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 7d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

csharp/admin-net-frontend/SKILL.md · 232 lines

How it starts

The opening of the file, as written. The whole thing — 232 lines — stays where its author put it; the contents beside it link to each section on GitHub.

项目地址(上游): https://github.com/zuohuaijun/Admin.NET

znlgis 维护分支: https://github.com/znlgis/Admin.NET

前端代码目录: Web/(Vue3 应用)

在线文档: https://adminnet.top/

演示环境: https://demo.adminnet.top(账号:superAdmin.NET / 密码:Admin.NET++010101)

许可证: MIT

概述

Admin.NET 前端基于 vue-next-admin 模板二次开发,采用 Vue 3 Composition API + TypeScript + Element Plus + Vite 5 技术栈。项目提供完整的企业级中后台管理界面,包括登录认证、动态菜单/路由、RBAC 权限控制、多语言、主题切换、SignalR 实时通讯等能力。

核心技术栈:

  • 框架: Vue 3.5+(Composition API + <script setup>
  • 语言: TypeScript 5.x
  • 构建: Vite 5+ / pnpm
  • UI 组件: Element Plus 2.x
  • 路由: Vue Router 5
  • 状态管理: Pinia 3
  • 国际化: vue-i18n 11
  • HTTP 客户端: Axios
  • 图表: ECharts 6
  • 实时通讯: @microsoft/signalr

项目结构

Web/
├── public/                        # 公共静态资源
├── lang/                          # 国际化语言文件
├── api_build/                     # API 代码自动生成脚本
├── scripts/                       # 构建辅助脚本
├── src/
│   ├── api/                       # 手写 API 调用(axios 封装)
│   ├── api-services/              # 自动生成的 API 服务(对应后端 Swagger)
│   ├── api-plugins/               # 插件相关的 API 服务
│   ├── assets/                    # 静态资源(图片、样式)
│   ├── components/                # 全局公共组件
│   ├── directive/                 # 自定义指令(如权限指令)
│   ├── layout/                    # 布局组件(侧边栏、头部、标签页等)
│   ├── router/                    # 路由配置
│   ├── stores/                    # Pinia 状态管理
│   ├── theme/                     # 主题样式
│   ├── types/                     # TypeScript 类型定义
│   ├── utils/                     # 工具函数
│   ├── views/                     # 页面视图
│   │   ├── login/                 # 登录页
│   │   ├── home/                  # 首页/仪表盘
│   │   ├── system/                # 系统管理页面集合
│   │   ├── approvalFlow/          # 审批流程
│   │   ├── mqttx/                 # MQTT 客户端
│   │   ├── elive/                 # 视频监控
│   │   ├── about/                 # 关于页
│   │   └── error/                 # 错误页(403/404/500)
│   ├── App.vue                    # 根组件
│   └── main.ts                    # 应用入口
├── index.html                     # HTML 入口
├── package.json                   # 依赖配置
├── vite.config.ts                 # Vite 构建配置
├── tsconfig.json                  # TypeScript 配置
├── eslint.config.mjs              # ESLint 配置
├── .prettierrc.cjs                # Prettier 配置
├── .env                           # 通用环境变量
├── .env.development               # 开发环境变量
└── .env.production                # 生产环境变量

Read the full file on GitHub · 232 lines

Files

What ships with it

2 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 7d ago Changed · -330 lines f0b5f1bfc2af
  2. 11d ago First seen · 562 lines · 49 tokens per session scan A 20406c1a7255

Subscribe to this mod's changes

admin-net-frontend is a skill published in the GitHub repository znlgis/opengis-skills (60 stars, last pushed yesterday), licensed MIT. It adds 49 tokens to every session and 2,446 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other skills, from other repositories

vue

Vue 3 - Progressive JavaScript framework with Composition API, reactivity system, single-file components, Vite integration, TypeScript support.

bobmatnyc/claude-mpm-skills · 29 tokens

v3-create-crud

A page generator for standard create, read, update, and delete screens, commonly called CRUD screens. It uses Element Plus, a Vue user-interface library, to build tables, searches, pagination, forms, and delete confirmations.

un-pany/v3-admin-vite · 108 tokens

v3-upsert-route

A route configuration helper for projects that keep their routes in `src/router/index.ts`. It creates or updates permanent and permission-controlled pages, including titles, icons, and child routes.

un-pany/v3-admin-vite · 88 tokens

v3-upsert-store

A workflow for creating or updating Pinia stores, which are shared state modules in Vue applications. It requires the store name, state fields, types, initial values, persistence choices, and actions.

un-pany/v3-admin-vite · 83 tokens

v3-use-composables

Documentation for reusable Vue functions in a project, covering device detection, asynchronous dropdown data, loading screens, pagination, routing, themes, page titles, and watermarks.

un-pany/v3-admin-vite · 137 tokens

vue-component-design

Designs or reviews Vue 3 component APIs. Handles prop drilling decisions, applies compound component patterns with provide/inject, defines minimal public API surfaces with typed props/emits/slots, and enforces Vue 3.4+ composition conventions. Invoked when creating new components, refactoring existing ones, or…

soulcodex/agentic · 70 tokens