web-development
专注于Web前端开发实现、调试与部署的AI技能。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：web-development。 它的用途是：专注于Web前端开发实现、调试与部署的AI技能。 完整的 Skill 内容见：https://321skill.com/skills/web-development-x-7/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'我正在开发一个React仪表盘，需要实现一个可拖拽排序的数据表格组件，并使用Ant Design作为UI库。'，它会提供组件代码结构、关键状态管理逻辑以及实现拖拽排序的库推荐和集成示例。或者，
对AI说：'我的Vite项目在部署到CloudBase后，静态资源加载404，如何排查？'，它会分析可能的原因，如base路径配置、构建输出目录设置，并给出具体的检查和修复步骤。
介绍
本技能旨在解决产品方向明确后，Web前端的具体实现、集成与上线问题。当开发者需要将产品需求转化为可运行的Web应用，或对现有前端项目进行调试、优化和部署时，该技能可以提供针对性的指导和帮助。
它主要通过接收用户关于前端开发的具体任务指令来工作，例如编写React/Vue组件、配置Vite构建、调试浏览器兼容性问题或集成腾讯云开发（CloudBase）Web端功能。技能会理解上下文，并生成相应的代码、配置建议或排查步骤。
该技能非常适合前端工程师、全栈开发者以及需要快速搭建或验证Web前端原型的产品经理。对于高校学生完成Web相关的课程设计或毕业设计，也能提供直接的编码和项目构建支持。
使用建议：在提出请求时，尽可能清晰地描述你的技术栈（如React 18, Vue 3）、具体功能需求和遇到的错误信息。注意，它更擅长解决具体的技术实现问题，而非产品层面的功能定义或商业模式探讨。
核心特点
专注于产品方向明确后的具体前端实现阶段，尤其深度集成对React、Vue、Vite及腾讯云开发（CloudBase）Web端的支持，能提供从编码、调试到云部署的一站式解决方案。
注意事项
不适合产品创意、商业模式设计等非技术性前端问题，也不擅长处理与Web前端无关的后端架构或底层服务器运维。
常见问题
能帮我写一个Vue 3的登录组件吗？
可以，请提供具体的UI设计要求和需要集成的API接口信息。
如何用这个技能调试Vite项目的构建错误？
请提供具体的错误日志和你的vite.config.js配置，技能会帮你分析原因并提供修改建议。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/web-development-x-7/raw/index.md 读取 web-development 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/web-development-x-7/raw/index.md（查看排版版本）