web-development

Guide React, Vue, and Vite frontend implementation, debugging, and deployment.

2|Updated Apr 16, 2026
One-click install
npx skills add https://github.com/EverettField/MatchMate-MiniProgram --skill web-development-everettfield
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-development
Source: https://github.com/EverettField/MatchMate-MiniProgram/tree/main/miniprogram-2/.codebuddy/skills/web-development
Command: npx skills add https://github.com/EverettField/MatchMate-MiniProgram --skill web-development-everettfield

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend teams often need engineering execution guidance for implementing, debugging, building, deploying, and validating web frontends across frameworks like React, Vue, and Vite, including CloudBase Web integration.

Core Features & Use Cases

  • Framework- and toolchain-aware guidance for React, Vue, and Vite projects, including setup, routing, data loading, and build configs.
  • End-to-end workflow guidance for debugging, deployment, browser validation, and CloudBase Web integration tasks.
  • Real-world scenarios with concrete next steps, code patterns, and validation checks to align with product direction.

Quick Start

Ask me to scaffold a React page with Vite, configure routing, or perform browser-based validation for CloudBase Web integration.

Frequently Asked Questions about web-development

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

FAQPage Schema
How do I scaffold a React or Vue project with Vite for web frontend development?

To scaffold a React or Vue web frontend with Vite, you need framework-aware guidance for project setup, routing, and build configurations. This workflow enforces using a Vite-based toolchain to initialize projects, compose components, and align build configs with product direction.

What is the best way to configure browser routing in a Vite-based web frontend?

Configuring browser routing in a Vite-based web frontend requires framework-specific routing patterns for React or Vue. The process involves setting up route definitions, handling data loading, and validating routing behavior directly in the browser before moving to deployment.

Does CloudBase Web integration work with React and Vue projects built using Vite?

Yes, CloudBase Web integration works with React and Vue projects built using Vite. The integration process includes end-to-end workflow guidance for connecting frontend components to CloudBase services, followed by browser-based validation checks to ensure proper connectivity.

How do I validate and debug web frontend changes before deployment?

Validating and debugging web frontend changes before deployment involves executing browser-based validation checks on your React or Vue application. You must confirm that component composition, routing, and data loading function correctly in the browser environment prior to executing the build and deploy steps.

What are the requirements for building and deploying a web frontend using this workflow?

Building and deploying a web frontend using this workflow requires a Vite-based development environment and adherence to existing project conventions. You must validate all changes in the browser before deployment to ensure the React or Vue application executes correctly in production.

Can I use this web development workflow for projects that do not use Vite?

No, this web development workflow is strictly designed for Vite-based projects. It enforces practical requirements that mandate using a Vite-based workflow for React and Vue development, meaning projects using alternative build tools fall outside its intended scope.