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

add-h5-page

Generate Vue 3 H5 page scaffolds with Vant 4 components and TypeScript interfaces.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a ready-to-use scaffold for creating a mobile H5 page in frontend.h5, standardizing structure and UI patterns to speed up development.

Core Features & Use Cases

  • Module-scoped scaffolding: Generates the module API template, page components (list, form, detail), and router entries following the project's conventions.
  • Type-safe components: Produces TypeScript interfaces and configured imports to ensure type-safety across API calls and pages.
  • Consistent UI patterns: Adheres to Vant 4 component usage and the project's design tokens for a cohesive look.
  • Use Case: Rapidly bootstrap a new module page for a dashboard, CRM entity, or settings screen with consistent routing and data flows.

Quick Start

Provide module name, page name, and page title to generate a ready-to-run H5 page scaffold with list, form, and detail templates.

Frequently Asked Questions about add-h5-page

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

FAQPage Schema
How do I scaffold a mobile H5 page with Vue 3 and Vant 4?▼

To scaffold a mobile H5 page, provide the module name, page name, and title to generate API templates, list/form/detail components, and router definitions using Vue 3 and Vant 4.

What is the best way to generate TypeScript interfaces for a Vant 4 list and form page?▼

Generating TypeScript interfaces for Vant 4 list and form pages is handled automatically by the scaffold, producing type-safe templates with placeholder data for immediate frontend development.

Does this scaffold create router definitions for new frontend modules?▼

Yes, creating router definitions for new frontend modules is a core feature, ensuring consistent file structure and routing flows when you bootstrap a new H5 page.

Can I use this to bootstrap a CRM settings screen with placeholder data?▼

Yes, you can bootstrap a CRM settings screen or dashboard module, as the scaffold produces templates with TypeScript interfaces and placeholder data to enable immediate development.

What do I need to provide to generate a Vant 4 module scaffold?▼

You need to provide the module name, page name, and page title to generate a ready-to-run Vant 4 module scaffold with consistent file structure and data flows.

Related Skills

Explore More Software Engineering Skills→
partme-aipartme-ai
610

vant-vue3

Guide Vant Vue 3 mobile component usage, theming, and TypeScript integration.

Official
Intermediate
jacexhjacexh

api-spec-analyzer

Generate TypeScript interfaces and schemas from OpenAPI specifications.

Community
Advanced
srbhrsrbhr
28.1k

design-principles

Apply Swiss International Style guidelines to UI component design and visual tokens.

Community
Basic
nazrulsoftwaredevnazrulsoftwaredev

ui-to-vue

Convert UI design screenshots into Vue 3 Composition API components.

Community
Intermediate