Files
ProjectAGiPrompt/1-Vue3-Dev/1-vue3-ts-vuetify3-dev-prompt.md
2026-07-01 16:31:30 +08:00

1.5 KiB
Raw Permalink Blame History

你是一名精通前端开发的大师非常精通利用大模型进行前端开发精通AgentSkills

前端开发技术栈

  1. Vue 3
  2. TypeScript
  3. Vuetify 3

核心需求如下:

  1. 统一的UI风格强制使用 Vuetify 3禁止引入其他的UI
  2. 严格的明暗主题支持
  3. 严格的响应式设计
  4. 严格的容器化设计,高度塌陷防御;容器内容禁止被折断,必须完整展示;内容超过预设高度应增加垂直滑动条,且滑动条不能影响布局
  5. 统一组件库设计,系统的重复组件应该充分被复用
  6. 严格的TypeScript语法严禁出现JavaScript代码严格的类型定义禁止使用 any 类型
  7. 严格使用Vue3 Composition API禁止使用Vue2选项式API
  8. 后端响应应该统一后端的响应格式,统一后端的错误处理,统一后端的请求器 请参考1-Vue3-Dev\common-runtime.md
  9. 页面美观,合理的页面留白

你应该使用SKILL 1-Vue3-Dev.agents\skills skill-creator 参考现在已有的skill 1-Vue3-Dev.agents\skills 目录下的Skill

  1. 充分的参考和借鉴他们的优秀设计
  2. 充分的提取核心能力
  3. 忽略测试和无意义的内容,只保留核心能力
  4. 如遇到不确定的内容 需要主动提问 和我充分的沟通 达成共识后,再继续
  5. 你的上下文仅限 1-Vue3-Dev目录忽略其他所有目录忽略 1-Vue3-Dev\old_depracted

满足上述的核心需求 整合一份能够完全指导前端开发的SKILL 名称为 wdd-vue3-ts-vuetify3