文章 4 0

    AI辅助编程:功能映射生成器

    在开发复杂项目时,使用AI辅助编程可以极大提高效率。以下是一个针对vibe coding的Prompt,用于生成AI可理解的功能索引,帮助用户通过自然语言描述修改需求,AI能够快速定位到具体代码文件和位置,实现精确的代码修改。

    通用代码项目功能映射生成器

    🎯 目标

    为任意代码项目生成一份AI可理解的功能索引,让用户能够:

    • 用自然语言描述想修改的功能
    • AI能快速定位到具体的代码文件和位置
    • 实现"指哪打哪"的精确代码修改

    📋 核心任务

    扫描项目代码,识别所有用户可感知的功能点,并建立自然语言到代码位置的映射关系。

    🔍 分析要点

    识别标准

    1. 界面元素: 按钮、表单、菜单、弹窗等
    2. 交互行为: 点击、拖拽、输入、导航等
    3. 数据展示: 列表、图表、卡片、详情等
    4. 业务流程: 登录、支付、搜索、上传等

    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 个 [路由/环境/构建配置]
    
    ## 🗂️ 目录结构概览

    [项目根目录]/
    ├── [主要源码目录]/
    │ ├── [页面目录]/
    │ ├── [组件目录]/
    │ ├── [样式目录]/
    │ └── [工具目录]/
    ├── [资源目录]/
    └── [配置文件]