web-development
专注于Web前端开发与部署的AI助手，尤其擅长React、Vue、Vite和云开发。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：web-development。 它的用途是：专注于Web前端开发与部署的AI助手，尤其擅长React、Vue、Vite和云开发。 完整的 Skill 内容见：https://321skill.com/skills/web-development-x-6/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'我正在开发一个Vue 3电商网站，需要实现一个商品筛选侧边栏组件，要求支持价格区间、品牌多选，并且是响应式的。'，它会提供基于Vue 3 Composition API的组件代码结构、状态管理建议，并推荐使用Vite进行构建和热更新。或者，当你说'我的React应用使用Vite构建，生产环境打包后部分图片资源加载404'，它会帮你分析vite.config.js中的资源路径配置和public目录设置，提供排查思路。
介绍
本Skill旨在为产品方向已明确的Web前端项目提供全流程开发支持。它主要解决从技术实现到部署验证的一系列具体问题，例如编写React/Vue组件、调试浏览器兼容性问题、使用Vite构建项目，以及集成腾讯云CloudBase等云服务进行部署。
使用时，你可以直接提出具体的前端开发任务或遇到的难题。例如，当你需要为一个新功能编写Vue 3组件，或者在使用Vite构建时遇到打包错误，都可以向搭载此Skill的AI助手求助。它会根据你的描述，提供代码片段、配置建议或调试步骤。
该Skill非常适合前端开发工程师、全栈开发工程师以及需要快速搭建或验证Web前端原型的产品经理。对于高校学生或初学者，它也能在完成课程项目或毕业设计时提供实践指导。
建议在使用时，尽可能清晰地描述你的技术栈（如React 18、Vue 3）、项目环境（如Node版本）和具体问题现象。对于复杂的部署或集成问题，准备好相关的配置文件和错误日志将有助于获得更精准的解决方案。
核心特点
与通用编程助手相比，它深度聚焦于现代Web前端技术栈（React/Vue/Vite）和浏览器端的具体工作流，并能针对腾讯云CloudBase Web集成提供专门指导，而非泛泛而谈的代码生成。
注意事项
不适合用于确定产品方向、进行后端服务架构设计或处理与Web前端无关的通用编程问题。
常见问题
能帮我写一个React Hooks组件吗？
可以，请描述组件功能和所需Props，我会提供代码示例。
Vite项目打包后部署到CloudBase报错怎么办？
请提供具体的错误信息和项目配置，我会协助分析部署配置或环境问题。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/web-development-x-6/raw/index.md 读取 web-development 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/web-development-x-6/raw/index.md（查看排版版本）