Skills
.Work. You
Rest

VibeX 页面生成器 Skill

Community

Generate UI page structures from node trees.

Software Engineering#typescript#react#code generation#frontend development#page scaffolding#component development#ui generation
AuthorMMXC
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the creation of complete page structures based on UI node trees, streamlining the development process for web applications.

Core Features & Use Cases

  • Page Structure Generation: Creates a full directory structure for new pages, including component skeletons, control definitions, and documentation.
  • Component Management: Organizes individual UI controls within dedicated directories, ensuring modularity and reusability.
  • Documentation Integration: Automatically appends modification history to control README files.
  • Use Case: A developer needs to quickly scaffold a new user profile page with existing Header, Avatar, and ProfileDetails components. This Skill can generate the entire page's file structure and initial code.

Quick Start

Generate a new page named 'UserProfile' using the 'Header', 'Avatar', and 'ProfileDetails' components.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: VibeX 页面生成器 Skill
Download link: https://github.com/MMXC/openclaw-back/archive/main.zip#vibex-skill

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.