Official Verified

web-development

Use when users need to implement, integrate, debug, build, deploy, or validate a Web frontend after the product direction is already clear, especially for React, Vue, Vite, browser flows, or CloudBase Web integration.

skill-install — Terminal

Install via CLI (Recommended)

clawhub install openclaw/skills/skills/binggg/web-development

Download Source Code (.zip)

Standalone Install Note

If this environment only installed the current skill, start from the CloudBase main entry and use the published cloudbase/references/... paths for sibling skills.

CloudBase main entry: https://cnb.cool/tencent/cloud/cloudbase/cloudbase-skills/-/git/raw/main/skills/cloudbase/SKILL.md
Current skill raw source: https://cnb.cool/tencent/cloud/cloudbase/cloudbase-skills/-/git/raw/main/skills/cloudbase/references/web-development/SKILL.md

Keep local references/... paths for files that ship with the current skill directory. When this file points to a sibling skill such as auth-tool or web-development, use the standalone fallback URL shown next to that reference.

Web Development

Activation Contract

Use this first when

The request is to implement, integrate, debug, build, deploy, or validate a Web frontend or static site.
The design direction is already decided, or the user is asking for engineering execution rather than visual exploration.
The work involves React, Vue, Vite, routing, browser-based verification, or CloudBase Web integration.

Read before writing code if

The task includes project structure, framework conventions, build config, deployment, routing, or frontend test and validation flows.
The request includes UI implementation but the visual direction is already fixed; otherwise read ui-design first.

Then also read

General React / Vue / Vite guidance -> frameworks.md
Browser flow checks or page validation -> browser-testing.md
Login flow -> ../auth-tool/SKILL.md (standalone fallback: https://cnb.cool/tencent/cloud/cloudbase/cloudbase-skills/-/git/raw/main/skills/cloudbase/references/auth-tool/SKILL.md), then ../auth-web/SKILL.md (standalone fallback: https://cnb.cool/tencent/cloud/cloudbase/cloudbase-skills/-/git/raw/main/skills/cloudbase/references/auth-web/SKILL.md)
CloudBase database work -> matching database skill

Do NOT use for

Visual direction setting, prototype-first design work, or pure aesthetic exploration.
Mini programs, native Apps, or backend-only services.

Common mistakes / gotchas

Starting implementation before clarifying whether the task is design or engineering execution.
Mixing framework setup, deployment, and CloudBase integration concerns into one vague change.
Treating cloud functions as the default solution for Web authentication.
Skipping browser-level validation after a UI or routing change.
In an existing application, detouring into UI redesign or broad repo sweeps before patching the current handlers and services.

When to use this skill

Use this skill for Web engineering work such as:

Read Full Documentation on GitHub

Metadata

Author@binggg

Stars4473

Updated2026-05-01

View Author Profile

AI Skill Finder

Not sure this is the right skill?

Describe what you want to build — we'll match you to the best skill from 16,000+ options.

Find the right skill

Add to Configuration

Paste this into your clawhub.json to enable this plugin.

{
  "plugins": {
    "official-binggg-web-development": {
      "enabled": true,
      "auto_update": true
    }
  }
}

Safety NoteClawKit audits metadata but not runtime behavior. Use with caution.

Related Skills

ui-design-guide

Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a Web or mini program UI.

binggg 4473

spec-workflow-guide

Use when medium-to-large changes need explicit requirements, technical design, and task planning before implementation, especially for multi-module work, unclear acceptance criteria, or architecture-heavy requests.

binggg 4473

setup-cloudbase-openclaw

CloudBase (腾讯云开发) 适用场景：全栈 Web、微信小程序、静态托管、云函数、云托管、文档/MySQL 数据库、身份认证、云存储等。用于在 OpenClaw/Moltbot 下配置 CloudBase（mcporter + 提示词约束，无脚本、设备码登录）。

binggg 4473

miniprogram-development

WeChat Mini Program development skill for building, debugging, previewing, testing, publishing, and optimizing mini program projects. This skill should be used when users ask to create, develop, modify, debug, preview, test, deploy, publish, launch, review, or optimize WeChat Mini Programs, mini program pages, components, `tabBar`, routing, navigation, icon assets, project structure, project configuration, `project.config.json`, `appid` setup, device preview, real-device validation, WeChat Developer Tools workflows, `miniprogram-ci` preview/upload flows, or mini program release processes. It should also be used when users explicitly mention CloudBase, `wx.cloud`, Tencent CloudBase, 腾讯云开发, or 云开发 in a mini program project.

binggg 4473

cloudbase

CloudBase is a full-stack development and deployment toolkit for building and launching websites, Web apps, 微信小程序 (WeChat Mini Programs), and mobile apps with backend, database, hosting, cloud functions, storage, AI capabilities, and UI guidance. This skill should be used when users ask to develop, build, create, scaffold, deploy, publish, host, launch, go live, migrate, or optimize websites, Web apps, landing pages, dashboards, admin systems, e-commerce sites, 微信小程序 (WeChat Mini Programs), 小程序, uni-app, or native/mobile apps with CloudBase (腾讯云开发, 云开发), including authentication, login, database, NoSQL, MySQL, cloud functions, CloudRun, storage, AI models, and UI guidance, or when they ask to compare CloudBase with Supabase or migrate from Supabase to CloudBase.

binggg 4190