web-development
专注于Web前端开发、调试与部署的AI助手技能。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：web-development。 它的用途是：专注于Web前端开发、调试与部署的AI助手技能。 完整的 Skill 内容见：https://321skill.com/skills/web-development-x-5/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘我需要用Vue 3和TypeScript写一个带分页和搜索的数据表格组件，并集成到我的Vite项目中。’，它会提供组件代码结构、TypeScript接口定义、以及如何在Vite项目中引入和使用的建议。
对AI说：‘我的React应用在Safari浏览器上样式错乱了，怎么调试？’，它会给出针对性的CSS兼容性检查清单和Safari开发者工具的使用技巧。
介绍
本技能旨在解决Web前端开发中，从明确产品方向后到最终上线的具体实现问题。当开发者需要编写、调试、构建或部署基于React、Vue、Vite等现代前端技术栈的应用，或需要集成浏览器流程、腾讯云CloudBase Web服务时，它可以提供精准的代码生成、问题排查和流程指导。
它通过理解用户的具体开发任务，例如编写一个React组件、配置Vite构建、调试浏览器兼容性问题或部署到云平台，来提供针对性的代码片段、配置建议和操作步骤。它能够处理从代码实现到环境配置、从本地调试到线上部署的全链路问题。
该技能非常适合前端开发、全栈开发以及需要快速搭建Web原型的项目经理或产品经理。对于高校学生完成前端课程作业或毕业设计，以及求职者准备前端技术面试的实践部分，也有很大帮助。
使用建议：在提问时，请尽可能清晰地描述你的技术栈（如React 18、Vue 3）、具体需求（如“实现一个可拖拽的列表组件”）和遇到的错误信息。对于部署问题，请说明目标平台（如CloudBase、Vercel）。注意，它主要解决技术实现问题，不参与产品方向或UI视觉风格的定义。
核心特点
与通用编程技能相比，它深度聚焦于现代Web前端技术生态（React/Vue/Vite），并特别集成了对腾讯云CloudBase Web部署流程的支持，能提供更贴近国内开发环境的部署指导。
注意事项
不适合用于后端服务开发、数据库设计、产品原型设计或非Web平台（如移动原生应用、桌面应用）的开发。
常见问题
这个技能能帮我写Vue 3的组件代码吗？
可以，请具体描述组件功能和所需技术细节。
能指导我将Vite项目部署到腾讯云CloudBase吗？
可以，它能提供从项目配置到部署命令的完整流程指引。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/web-development-x-5/raw/index.md 读取 web-development 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/web-development-x-5/raw/index.md（查看排版版本）