Skills
.Work. You
Rest

graft-web-vibe-coding

Community

Streamline Graft web page development with TDesign Vue Next UI and design governance.

Software Engineering#web development#UI design#Graft#admin platform#TDesign Vue Next
AuthorGeWuYou
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill unit addresses the challenge of efficiently creating and managing web pages within the Graft admin platform, ensuring design consistency and UI excellence using TDesign Vue Next.

Core Features & Use Cases

  • Frontend Workflow: Streamlines the process of developing web pages with Graft, leveraging TDesign Vue Next for UI components and design guidelines.
  • Design Governance: Provides a framework for design consistency and governance, including TDesign MCP preflight, page type declaration, and UI best practices.
  • Use Case: Use this skill when creating new pages or modifying existing ones within the Graft admin platform to ensure high-quality UI and efficient development processes.

Quick Start

Start by running the TDesign MCP preflight for the page you are working on.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 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: graft-web-vibe-coding
Download link: https://github.com/GeWuYou/Graft/archive/main.zip#graft-web-vibe-coding

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 620,000+ vetted skills library on demand.