skills.rest
lance-donif
lance-donifCOMMUNITY
Explore all skills by this author →
GitHub

web-development

Implement, debug, and deploy React, Vue, or Vite frontend applications.

Updated Apr 13, 2026
Search Tags:#deployment#frontend#react#vue#vite#web#cloudbase
One-click install
npx skills add https://github.com/lance-donif/xionghaizi --skill web-development-lance-donif
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-development
Source: https://github.com/lance-donif/xionghaizi/tree/main/.trae/skills/web-development
Command: npx skills add https://github.com/lance-donif/xionghaizi --skill web-development-lance-donif

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill facilitates the implementation, integration, debugging, and deployment of web frontends, improving development efficiency and reliability.

Core Features & Use Cases

  • Frontend Development: Implement React, Vue, or Vite-based pages and components based on project requirements.
  • Debugging & Validation: Perform browser-based testing to identify and fix interaction, rendering, or navigation issues.
  • Deployment & Integration: Configure build setups, routing, and CloudBase Web SDK integration for hosting and cloud services.
  • Use Case: For a team building a Vue app with CloudBase hosting, this Skill helps set up the project structure, implement key pages, and test browser interactions.

Quick Start

Use the web development skill to implement and test a new React page for the checkout flow.

Frequently Asked Questions about web-development

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

FAQPage Schema
How do I implement and debug a React frontend application?▼

To implement and debug a React frontend, this Skill builds project-specific pages and components, then performs browser-based testing to validate interactions, rendering, and navigation.

Can I use Vue and Vite for frontend development with CloudBase integration?▼

Yes, you can use Vue and Vite for frontend development with CloudBase integration. This Skill configures build setups, routing, and static hosting alongside the CloudBase Web SDK for cloud services.

What is the best way to configure deployment for a Vite web application?▼

The best way to configure deployment for a Vite web application is using this Skill to set up build configurations, routing, and static hosting to streamline frontend integration and deployment.

Does this web frontend Skill handle visual design tasks?▼

No, this web frontend Skill does not handle visual design tasks. It is strictly suitable for engineering execution, focusing on implementation, debugging, and deployment of project-specific structures.

How do I fix rendering and navigation issues during web frontend debugging?▼

To fix rendering and navigation issues during web frontend debugging, this Skill performs browser-based validation to test interactions and identify problems within your React, Vue, or Vite application.

Related Skills

Explore More Software Engineering Skills→
MakisuoMakisuo
1.6k

clickhousectl-local-dev

Install and configure a local ClickHouse environment with clickhousectl.

Community
Intermediate
json-choijson-choi

expo-deployment

Deploy Expo applications to iOS, Android, and web via EAS workflows.

Community
Intermediate
MacPhobosMacPhobos

Supabase Backend Platform Skill

Provide PostgreSQL database, authentication, storage, realtime subscriptions, and edge functions.

Community
Advanced
gaoqiongxiegaoqiongxie
1

screenshot-to-prototype

Convert UI design screenshots into interactive HTML prototypes.

Community
Intermediate