skills.rest
weiran-tech
weiran-techOFFICIAL
Explore all skills by this author →
WebsiteGitHub

lc-kejinshou-page

Generate standardized Vue 3 CRUD pages with search, table lists, and modal forms.

3|Updated Apr 2, 2026
Search Tags:#crud#vue3#generate#admin-dashboard#frontend-development#page-template#kr36-ui
One-click install
npx skills add https://github.com/weiran-tech/agent-skills --skill lc-kejinshou-page
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: lc-kejinshou-page
Source: https://github.com/weiran-tech/agent-skills/tree/main/skills/fe-backend-page
Command: npx skills add https://github.com/weiran-tech/agent-skills --skill lc-kejinshou-page

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

生成后端管理页面的标准化生成能力，帮助开发者快速创建或重构包含搜索、表格列表、以及表单弹窗提交的 Vue 3 后端页面，确保结构、交互和样式的一致性。

Core Features & Use Cases

  • CRUD 页面模板：提供完整的增删改查页面结构与交互。
  • 统一布局与组件规范：遵循 KrCard、KrForm、KrTable、KrDialog 等组件的使用规范，减少重复开发。
  • 适用场景：适用于需要快速搭建后台管理页面的场景，如列表页、详情页、以及带搜索筛选的管理界面。

Quick Start

在需要创建或重构包含增删改查、列表页或管理页面的 Vue 页面时，使用此技能生成标准页面模板。

Frequently Asked Questions about lc-kejinshou-page

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

FAQPage Schema
How do I generate a Vue 3 admin dashboard with standard CRUD operations?▼

To generate a Vue 3 admin dashboard with CRUD operations, use this Skill to produce standardized pages featuring search, table lists, and modal form submissions using Vue 3, TypeScript, and kr36-ui.

What is the best way to build a Vue 3 CRUD page template quickly?▼

The best way to build a Vue 3 CRUD page template is using this generator to enforce structured component rules with KrCard, KrForm, and KrTable, ensuring consistent layout and interaction for backend management interfaces.

Does this Vue 3 page generator require TypeScript and kr36-ui?▼

Yes, this Vue 3 page generator requires TypeScript and kr36-ui. It enforces these specific dependencies alongside structured component and layout rules to maintain standardization across generated admin pages.

Can I use this to refactor an existing frontend admin dashboard?▼

Yes, you can use this to refactor an existing frontend admin dashboard. It applies to scenarios where users want to create or refactor Vue pages that include create, read, update, and delete list interfaces.

What components are included in the generated Vue 3 backend management pages?▼

The generated Vue 3 backend management pages include KrCard, KrForm, KrTable, and KrDialog components. These provide a complete CRUD page structure with unified layout specifications to reduce repetitive development.

Related Skills

Explore More Software Engineering Skills→
docckerdoccker
1.0k

frontend-dev

Enforce Vue 3 and TypeScript coding standards for components, Pinia, and styling.

Community
Basic
spuneiarturspuneiartur
1

admin-crud-scaffold

Scaffold admin CRUD features with API services, validation models, and pages.

Community
Advanced
tiantangcao1980-webtiantangcao1980-web
4

element-plus

Build Vue 3 desktop interfaces with Element Plus components and theming.

Community
Intermediate
hamzaPixlhamzaPixl
2

admin-dashboard

Scaffold a Next.js admin dashboard with shadcn/ui, RBAC UI, and backend API integration.

Community
Intermediate