skills.rest
GeWuYou
GeWuYouCOMMUNITY
Explore all skills by this author →
GitHub

graft-frontend-page-builder

Build and modify Graft admin pages with Vue 3, TypeScript, and TDesign Vue Next.

6|Updated May 11, 2026
Search Tags:#typescript#vue 3#graft#page builder#admin platform
One-click install
npx skills add https://github.com/GeWuYou/Graft --skill graft-frontend-page-builder
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: graft-frontend-page-builder
Source: https://github.com/GeWuYou/Graft/tree/main/plugins/graft-frontend-vibe-toolchain/skills/graft-frontend-page-builder
Command: npx skills add https://github.com/GeWuYou/Graft --skill graft-frontend-page-builder

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the challenge of manually building and modifying Graft admin frontend pages, offering an automated solution to enhance productivity and consistency.

Core Features & Use Cases

  • Page Building: Automate the creation and modification of Graft admin pages using Vue 3, TypeScript, and TDesign Vue Next.
  • Governance Compliance: Ensures all pages adhere to Graft's frontend governance, including page-type standards and theming conventions.
  • Use Case: When you need to add a new page to your Graft admin platform that should adhere to the established design and functionality guidelines.

Quick Start

Build a new page for your Graft admin platform using the graft-frontend-page-builder skill.

Frequently Asked Questions about graft-frontend-page-builder

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

FAQPage Schema
How do I build Graft admin pages using Vue 3 and TypeScript?▼

You can build Graft admin pages by automating creation and modification with Vue 3, TypeScript, and TDesign Vue Next. This approach ensures full compliance with Graft's frontend governance and design standards.

What is the best way to ensure my new page follows Graft frontend governance?▼

Ensuring Graft frontend governance is best achieved by using an automated builder that enforces page-type standards and theming conventions natively, keeping your module implementations fully compliant with established guidelines.

Can I use TDesign Vue Next when adding a new module to the Graft platform?▼

Yes, you can use TDesign Vue Next when adding modules to the Graft platform. The page building process integrates TDesign Vue Next alongside Vue 3 and TypeScript to maintain required functionality and design consistency.

How do I automate reshaping existing pages in a Graft admin platform?▼

You can automate reshaping existing pages in a Graft admin platform by applying an automated page builder. It modifies your Vue 3 and TypeScript code while automatically maintaining required theming conventions and governance compliance.

Does Graft page building require manual theming and design standard enforcement?▼

Graft page building does not require manual theming enforcement when using an automated builder. The process inherently adheres to Graft's frontend governance, automatically applying correct page-type standards and theming conventions for your admin platform.

Related Skills

Explore More Software Engineering Skills→
GeWuYouGeWuYou
6

graft-web-module-scaffold

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

Community
Intermediate
GeWuYouGeWuYou
6

graft-frontend-figma-intake

Integrates Figma design references into the Graft admin platform workflows.

Community
Intermediate
GeWuYouGeWuYou
6

graft-web-vibe-coding

Develop Graft web pages with TDesign Vue Next components and UI guidelines.

Community
Advanced
m19803261706m19803261706
4

vben-admin

Enforce unified scaffolding and coding conventions for Vben Admin 5.x projects.

Community
Intermediate