web-development
专注于Web前端开发与部署的AI助手技能
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：web-development。 它的用途是：专注于Web前端开发与部署的AI助手技能 完整的 Skill 内容见：https://321skill.com/skills/web-development-x-8/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'我正在用Vue 3和Vite开发一个后台管理系统，现在需要封装一个可复用的表格组件，支持排序和分页，请帮我写一下代码框架。'，它会根据你的需求生成相应的Vue单文件组件代码，并解释关键部分。或者
对AI说：'我的React项目使用Create React App构建，现在想部署到腾讯云CloudBase上，请指导我具体的配置和部署步骤。'，它会提供从安装CloudBase CLI到配置部署命令的完整流程。
介绍
本技能旨在解决Web前端开发者在产品方向明确后，进行具体实现、集成、调试、构建和部署时遇到的各种问题。它尤其擅长处理React、Vue、Vite等现代前端技术栈，以及浏览器端流程和云开发平台（如CloudBase）的Web集成。
当用户需要编写前端组件、调试复杂代码、配置本地开发环境、执行构建命令或自动化部署流程时，可以调用此技能。它能提供代码片段、排查配置错误、优化构建输出，并指导如何将前端应用部署到云端。
该技能非常适合前端开发、全栈开发以及需要快速搭建Web应用原型的项目经理或产品经理。对于高校学生完成Web相关的课程设计或毕业设计，也是极佳的工具。
使用建议：在提问时，请尽量清晰地描述你的技术栈（如React 18 + Vite）、当前遇到的问题（如构建失败的错误信息）以及期望的目标（如部署到特定平台）。注意，该技能侧重于技术实现，不负责产品方向或UI视觉设计决策。
核心特点
与通用编程助手相比，它深度聚焦于Web前端开发生命周期的中后期（从编码到部署），并特别强化了对React、Vue、Vite和国内云开发平台CloudBase Web集成的支持，能提供更具体、更贴近工程实践的解决方案。
注意事项
不适合用于探索产品方向、进行UI视觉设计或处理与Web前端无关的后端服务、数据库设计等任务。
常见问题
这个技能能帮我写一个React组件吗？
可以，请描述组件功能和期望的API，我会提供代码示例。
我的Vite项目构建失败了，能帮忙排查吗？
可以，请提供具体的错误日志和项目配置（如vite.config.js），我会分析可能的原因。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/web-development-x-8/raw/index.md 读取 web-development 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/web-development-x-8/raw/index.md（查看排版版本）