- 用自然语言描述想修改的功能
- AI能快速定位到具体的代码文件和位置
- 实现"指哪打哪"的精确代码修改
- 界面元素: 按钮、表单、菜单、弹窗等
- 交互行为: 点击、拖拽、输入、导航等
- 数据展示: 列表、图表、卡片、详情等
- 业务流程: 登录、支付、搜索、上传等
- 使用用户视角的自然语言
- 避免技术术语,多用功能性描述
- 包含视觉特征和交互方式
- 提供多种表达方式的关键词
AI辅助编程:功能映射生成器
在开发复杂项目时,使用AI辅助编程可以极大提高效率。以下是一个针对vibe coding的Prompt,用于生成AI可理解的功能索引,帮助用户通过自然语言描述修改需求,AI能够快速定位到具体代码文件和位置,实现精确的代码修改。
通用代码项目功能映射生成器
🎯 目标
为任意代码项目生成一份AI可理解的功能索引,让用户能够:
📋 核心任务
扫描项目代码,识别所有用户可感知的功能点,并建立自然语言到代码位置的映射关系。
🔍 分析要点
识别标准
AI友好的描述原则
📊 输出格式
# 📂 [项目名称] 功能-代码映射报告
## 🏗️ 项目概览
- **技术栈**: [主要框架] + [其他重要依赖]
- **架构模式**: [识别的架构模式,如 MVC, Component-based, Feature-based 等]
- **状态管理**: [使用的状态管理方案,如 Redux, Context, Vuex 等]
- **样式方案**: [CSS Modules/Styled-components/Tailwind/SCSS 等]
- **构建工具**: [Webpack, Vite, Create React App 等]
- **包管理**: [npm, yarn, pnpm]
## 📊 功能模块统计
- **页面级组件**: X 个 [主要页面/路由]
- **可复用组件**: Y 个 [通用UI组件]
- **业务逻辑模块**: Z 个 [Hooks/Services/Utils]
- **样式文件**: W 个 [CSS/SCSS/样式模块]
- **配置文件**: N 个 [路由/环境/构建配置]
## 🗂️ 目录结构概览
[项目根目录]/
├── [主要源码目录]/
│ ├── [页面目录]/
│ ├── [组件目录]/
│ ├── [样式目录]/
│ └── [工具目录]/
├── [资源目录]/
└── [配置文件]