graft-web-module-scaffold

Create Graft web modules with API connections, routes, and TDesign components.

6|Updated May 11, 2026
One-click install
npx skills add https://github.com/GeWuYou/Graft --skill graft-web-module-scaffold
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: graft-web-module-scaffold
Source: https://github.com/GeWuYou/Graft/tree/main/.agents/skills/graft-web-module-scaffold
Command: npx skills add https://github.com/GeWuYou/Graft --skill graft-web-module-scaffold

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps streamline the creation of new web modules for the Graft admin platform, ensuring they align with backend contracts and frontend conventions.

Core Features & Use Cases

  • Backend Contract Alignment: Ensures new modules integrate smoothly with the backend's plugin architecture.
  • Frontend Conventions: Facilitates the creation of Vue 3 admin features that adhere to Graft's TDesign-based UI standards.
  • Use Case: When starting a new web module, use this Skill to set up the initial structure, API connections, and UI components that align with the platform's standards.

Quick Start

Use the graft-web-module-scaffold skill to initialize a new module for the 'users' feature in the Graft admin platform.

Frequently Asked Questions about graft-web-module-scaffold

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

FAQPage Schema
How do I scaffold a Vue 3 admin module with TDesign UI components?

Scaffolding a Vue 3 admin module with TDesign involves setting up the initial structure, API connections, and UI components to align with frontend conventions. This template initializes the module with standardized route definitions and component integration.

What is the best way to align a new web module with backend API contracts?

Aligning a new web module with backend API contracts requires matching the frontend structure with the backend's plugin architecture. This ensures new modules integrate smoothly by pre-configuring the necessary API connections and data definitions.

How do I set up routes and API connections for a Vue 3 admin feature?

Setting up routes and API connections for a Vue 3 admin feature involves defining the route configurations and linking them to backend endpoints. This scaffold template provides the initial structure to establish these connections for new platform features.

Can I use this scaffold to create modules for the Graft backend plugin architecture?

Yes, you can use this scaffold to create modules for the Graft backend plugin architecture. It specifically focuses on ensuring new Vue 3 web modules integrate seamlessly with the backend's existing plugin system and contracts.

Why do I need a structured template for creating new Graft web modules?

A structured template for creating new Graft web modules is needed to ensure frontend consistency and backend contract alignment. It streamlines development by providing standardized API connections, route definitions, and TDesign component integration.

Does this scaffold template include TDesign component integration for Vue 3?

Yes, this scaffold template includes TDesign component integration for Vue 3. It facilitates the creation of admin features that adhere to the platform's specific TDesign-based UI standards right from the initial setup.