web-development
专为明确产品方向后的Web前端开发、调试与部署提供支持。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：web-development。 它的用途是：专为明确产品方向后的Web前端开发、调试与部署提供支持。 完整的 Skill 内容见：https://321skill.com/skills/web-development-x-3/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'我的Vite + React项目在本地运行正常，但构建后部署到服务器上路由就404了，该怎么解决？'，它会分析可能的原因，如History API的路由配置、服务器重定向规则或静态文件服务设置，并给出具体的排查步骤和配置修改建议。
介绍
当产品方向已经明确，开发者需要具体实现、集成、调试、构建、部署或验证Web前端时，本Skill可以提供专业支持。它尤其擅长处理React、Vue、Vite等现代前端框架，浏览器端流程，以及与CloudBase Web的集成问题。
Skill通过理解用户关于前端开发的具体任务描述，提供从代码实现、环境配置到问题排查的针对性指导。无论是编写组件、调试样式、构建项目还是配置部署流程，它都能给出符合最佳实践的建议。
本Skill主要面向已经进入具体开发阶段的前端工程师、全栈开发者或需要快速搭建Web原型的项目经理。对于产品经理或设计师提出的高保真原型实现、性能优化和线上问题定位，它也能提供有效的技术解决方案。
使用本Skill时，建议尽可能清晰地描述你遇到的具体技术问题、当前使用的技术栈以及期望达成的目标。对于复杂的部署或集成问题，提供相关的错误日志或配置代码片段将有助于获得更精准的协助。
核心特点
专注于产品方向明确后的具体前端实现与工程化环节，而非产品设计或技术选型；对React、Vue、Vite及CloudBase Web集成等特定技术栈有深度支持。
注意事项
不适合产品创意、技术选型、UI/UX设计等方向性探索阶段的问题。
常见问题
能帮我写一个Vue 3的登录组件吗？
可以，请提供具体的UI设计要求和功能逻辑（如验证规则、API接口）。
如何用Vite构建的项目部署到CloudBase？
可以指导你配置CloudBase Web框架插件并执行部署命令。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/web-development-x-3/raw/index.md 读取 web-development 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/web-development-x-3/raw/index.md（查看排版版本）