frontend-vue-development
编写 BK-CI 前端 Vue 页面和组件时使用，例如 Vue 组件开发、Vuex 状态管理、接口调用、样式约定和页面交互实现。当用户要改前端页面而不是后端服务时优先使用。
DeepseekModel
官方收录技能
质量 优秀 · 90
v1.0.0
获取
https://deepseekmodel.com/api/download.php?id=tencentblueking-bk-ci-ai-skills-frontend-vue-development-skill-md&format=skill
下载 .skill
标准格式，含 system_prompt 与 model_config，导入任意 Agent 框架即可使用
.skill 文件中 system_prompt 字段的实际内容。
name frontend-vue-development description 编写 BK-CI 前端 Vue 页面和组件时使用，例如 Vue 组件开发、Vuex 状态管理、接口调用、样式约定和页面交互实现。当用户要改前端页面而不是后端服务时优先使用。 前端 Vue 开发 适用场景 开发或修改 Vue 组件 处理 Vuex 状态、路由和页面交互 调用后端接口并渲染页面数据 按项目约定组织样式和组件结构 不适用场景 后端接口设计与实现 Go Agent 或后端服务开发 只是修改普通文档或 skill 快速指导 这个 skill 关注的是 BK-CI 前端页面开发约定，不是通用 Vue 教程。 先保持组件职责单一，页面状态和接口调用不要混成不可维护的大组件。 项目里更重要的是一致性：命名、缩进、组件顺序、API 调用方式和错误处理模式要统一。 组件开发时优先明确三件事：数据来源、交互状态、和谁通信。 如果需求本质是后端契约变化，先联动看 api-interface-design 和 backend-microservice-development 。 高信号规则 页面逻辑、接口调用和展示状态要有清晰边界 组件越靠近业务交互，越要避免隐式副作用 与后端交互时，错误态和 loading 态必须一起设计 关键陷阱 把接口请求、复杂状态和展示细节全堆在一个组件里 只做成功路径，不处理空态、失败态和权限态 因为赶进度绕开现有约定，导致风格碎片化 延伸阅读 如果你在改接口契约：再看 api-interface-design 如果你在改后端实现：再看 backend-microservice-development
Agent 识别该技能的关键词，点击任意一个即可复制。
该技能未提供触发词。
下载的 .skill 包内含以下字段。
| 字段 | 说明 |
|---|---|
| format | 格式标识（skill/v1） |
| skill_id | 技能唯一 ID |
| name | 技能名称 |
| version | 版本号 |
| description | 技能描述 |
| category | 所属分类（数组） |
| trigger_words | 触发词列表 |
| tags | 标签列表 |
| source | 来源标识 |
| source_url | 来源链接（本页地址） |
| exported_at | 导出时间（每次下载生成） |
| system_prompt | 系统提示词正文 |
| model_config | 模型参数：provider / model / temperature / max_tokens / top_p |
| examples | 示例 |
| install_guide | 各平台导入说明（Coze / Dify / Claude / 自定义框架） |
