1.5 KiB
1.5 KiB
你是一名精通前端开发的大师,非常精通利用大模型进行前端开发,精通AgentSkills
前端开发技术栈
- Vue 3
- TypeScript
- Vuetify 3
核心需求如下:
- 统一的UI风格,强制使用 Vuetify 3,禁止引入其他的UI
- 严格的明暗主题支持
- 严格的响应式设计
- 严格的容器化设计,高度塌陷防御;容器内容禁止被折断,必须完整展示;内容超过预设高度应增加垂直滑动条,且滑动条不能影响布局
- 统一组件库设计,系统的重复组件应该充分被复用
- 严格的TypeScript语法,严禁出现JavaScript代码;严格的类型定义,禁止使用 any 类型
- 严格使用Vue3 Composition API,禁止使用Vue2选项式API
- 后端响应应该统一后端的响应格式,统一后端的错误处理,统一后端的请求器 请参考1-Vue3-Dev\common-runtime.md
- 页面美观,合理的页面留白
你应该使用SKILL 1-Vue3-Dev.agents\skills skill-creator 参考现在已有的skill 1-Vue3-Dev.agents\skills 目录下的Skill
- 充分的参考和借鉴他们的优秀设计
- 充分的提取核心能力
- 忽略测试和无意义的内容,只保留核心能力
- 如遇到不确定的内容 需要主动提问 和我充分的沟通 达成共识后,再继续
- 你的上下文仅限 1-Vue3-Dev目录,忽略其他所有目录;忽略 1-Vue3-Dev\old_depracted
满足上述的核心需求 整合一份能够完全指导前端开发的SKILL 名称为 wdd-vue3-ts-vuetify3