skills.rest
SourceLin
SourceLinCOMMUNITY
Explore all skills by this author →
GitHub

frontend-admin-dev

Standardize admin pages, API wrappers, tables, pagination, permissions in Vue3 admin backend.

9|2|Updated May 18, 2026
Search Tags:#frontend#api#permissions#vue3#pagination#admin#modular-components
One-click install
npx skills add https://github.com/SourceLin/sourcelin-cloud-blog --skill frontend-admin-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-admin-dev
Source: https://github.com/SourceLin/sourcelin-cloud-blog/tree/main/skills/frontend-admin-dev
Command: npx skills add https://github.com/SourceLin/sourcelin-cloud-blog --skill frontend-admin-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

本技能为 Sourcelin Vue3 管理后台开发提供标准化的开发模式，帮助新增或修改后台页面、API 封装、表格分页、权限逻辑，以及模块化组件与 Element Plus 交互的实现。

Core Features & Use Cases

  • 标准化后台开发模式：统一页面结构、API 调用、表格分页和权限判断的实现规约。
  • 组件化和复用性：鼓励使用模块化组件和共享壳，提升开发效率和一致性。
  • 场景覆盖：适用于新建后台页面、改造现有接口、修复分页、权限或 UI 交互问题的日常工作。

Quick Start

在 sourcelin-ui/sourcelin-ui-admin 中新增或修改后台页面、API 封装及权限逻辑时，按本技能的规范进行实现。

Frequently Asked Questions about frontend-admin-dev

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I standardize Vue3 admin page development for API calls and pagination?▼

Standardize Vue3 admin page development by applying unified API wrappers, table pagination patterns, and permission logic using the standardized request.ts usage within the sourcelin-ui-admin module.

What is the best way to structure frontend API wrappers for a Vue3 admin backend?▼

Structuring frontend API wrappers for a Vue3 admin backend involves enforcing unified request.ts usage and adhering to coding conventions to create standardized, maintainable API interaction layers.

How do I implement permission checks in Vue3 admin pages without breaking existing routing?▼

Implement permission checks in Vue3 admin pages by preserving existing routing and permission models while applying modular component patterns to enforce access control across the admin interface.

Can I use modular components with Element Plus when updating existing admin interfaces?▼

Yes, you can use modular components with Element Plus to update admin interfaces. The approach encourages using shared shells and modular components to ensure UI consistency and improve development efficiency.

Why does my Vue3 admin table pagination lose state after modifying API interfaces?▼

Vue3 admin table pagination loses state when API interfaces are modified without following standardized wrapper conventions. Enforcing unified request.ts usage and adhering to coding conventions prevents these binding issues.

Related Skills

Explore More Software Engineering Skills→
qq824045252-ship-itqq824045252-ship-it

vben

Configure Vue3/Vite admin apps with routing, permissions, and theming.

Community
Advanced
schmalleschmalle
1

admin-asset-e2e

Automate admin asset and vulnerability E2E tests with Playwright.

Community
Advanced
0xHoneyJar0xHoneyJar
2

agent-browser

Automate browser navigation, form filling, and data extraction via CLI.

Official
Intermediate
vuthuonghai-stevevuthuonghai-steve
1

build-crud-admin-page

Generate Next.js CRUD admin interfaces for PayloadCMS collections.

Community
Advanced