skills.rest
omni-system-creator
omni-system-creatorCOMMUNITY
Explore all skills by this author →
GitHub

add-page

Scaffold OMS PC frontend pages with API integration and routing.

16|9|Updated Dec 27, 2025
Search Tags:#frontend#routing#scaffolding#vue3#ui-standards#oms#add-page
One-click install
npx skills add https://github.com/omni-system-creator/omni --skill add-page-omni-system-creator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: add-page
Source: https://github.com/omni-system-creator/omni/tree/main/.claude/skills/add-page
Command: npx skills add https://github.com/omni-system-creator/omni --skill add-page-omni-system-creator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Add Page Skill helps developers quickly create a new OMS PC frontend page that adheres to the primary UI layout, table, and API integration standards, reducing repetitive setup.

Core Features & Use Cases

  • Automates page scaffolding including API module, Vue component, route, and menu integration following OMS UI standards.
  • Enforces UI conventions such as SplitLayout-based layouts, a row-numbered table, icon-based actions, draggable modals, and responsive containers.
  • Real-world use: build a new module page (e.g., Customers or Products) with CRUD and consistent navigation in minutes.

Quick Start

Create a new page by following the Add Page Skill workflow and integrate routing and menu entry.

Frequently Asked Questions about add-page

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

FAQPage Schema
How do I scaffold a Vue3 frontend page with routing and API integration?▼

Scaffolding a Vue3 frontend page with routing and API integration is automated by generating the API module, page component, route entry, and menu integration simultaneously to ensure OMS UI compliance.

What is the standard OMS PC frontend layout for new data modules?▼

The standard OMS PC frontend layout uses a SplitLayout-based design, featuring a responsive container, a row-numbered table with icon-based actions, and draggable modals for forms.

Can I automatically add menu entries when creating a new Vue3 page?▼

Yes, you can automatically add menu entries when creating a new Vue3 page, as the scaffolding process integrates route and menu navigation alongside the core page component generation.

Does the OMS frontend page scaffolding include form validation?▼

Yes, OMS frontend page scaffolding includes form validation by generating modal forms that adhere to UI conventions, ensuring data integrity when building CRUD operations for new modules.

What's the best way to build a CRUD module with consistent navigation in Vue3?▼

The best way to build a Vue3 CRUD module with consistent navigation is using an automated scaffolding workflow that applies OMS UI standards, generating the table, API, and route menu together.

Related Skills

Explore More Software Engineering Skills→
EmmanuelkwaaEmmanuelkwaa
1

new-page

Generate SvelteKit frontend pages with routing, i18n, and permission checks.

Community
Intermediate
yaomindong1996yaomindong1996
103

forge-business-flow-development

Develop end-to-end business approval workflows in Forge Admin with Flowable integration.

Community
Advanced
mozilor-technologiesmozilor-technologies

project-architecture

Document the Webtoffee Marketing Suite's architecture, tech stack, and component hierarchy.

Official
Advanced
jie023jie023
36

vue-crud

Generate Vue3 and Element Plus CRUD modules with DataTable, DataUpdate, and DataShow scaffolds.

Community
Advanced