web-development

介绍

本Skill专注于产品方向明确后的Web前端实现环节，覆盖从编码、集成、调试到构建、部署、验证的全链路。当团队已确定React、Vue、Vite或CloudBase等技术栈，并希望快速推进前端落地时，此Skill可提供框架最佳实践、组件模板、脚手架搭建、环境配置检查、构建错误排查及部署前校验等能力，减少重复劳动和低级错误。

使用方式直接自然：开发者只需描述具体需求，例如“用Vue3 + Vite创建用户管理页面，包含表格和分页”，Skill便会生成项目结构、组件代码、路由配置、样式文件，并给出与后端API对接的示例。在调试阶段，输入“排查这个登录组件报错的原因”，它会分析代码逻辑、依赖关系和浏览器控制台输出，定位问题根因。部署前可执行“验证生产构建配置是否遗漏Polyfill”等检查。

适合前端开发工程师、全栈工程师、测试工程师以及需要快速验证前端方案的运维人员。尤其适合使用React、Vue、Vite生态的团队，或需要与CloudBase（腾讯云开发）进行Web集成的项目。对于刚接手前端项目的新人，此Skill也能帮助快速理解项目结构和约定。

使用建议：请确保产品需求已明确，避免在探索性原型阶段使用（此时更适合创意类Skill）。建议结合具体框架版本声明（如React 18），以获得更精准的代码生成。注意，此Skill主要处理前端代码与浏览器端逻辑，不涉及后端服务逻辑，如需后端接口，可配合后端开发Skill使用。