Vibe Coding Prompt Generator

VS Code插件，用于生成Vibe Coding提示词，提高AI编码效率。

功能特性

• 提供结构化的提示词模板
• 支持自定义变量和占位符
• 一键生成完整提示词
• 自动复制到剪贴板
• 模板分类管理

快速开始

安装方法

1. 克隆本仓库到本地
2. 在VS Code中打开项目文件夹
3. 运行 npm install 安装依赖
4. 运行 npm run compile 编译代码
5. 按 F5 启动调试模式，或通过VS Code的扩展面板安装编译后的插件

使用方法

1. 在VS Code中打开命令面板（Ctrl+Shift+P）
2. 输入并选择 Generate Vibe Coding Prompt 命令
3. 选择提示词模板分类
4. 选择具体的模板
5. 填写模板中的变量
6. 生成的提示词会自动复制到剪贴板，并在新编辑器中显示

模板管理

插件会在首次运行时自动创建默认模板，位于插件目录的 templates 文件夹中。

自定义模板

1. 在 templates 目录下创建新的分类文件夹
2. 在分类文件夹中创建JSON格式的模板文件
3. 模板格式如下：

{
  "name": "模板名称",
  "description": "模板描述",
  "variables": [
    {
      "name": "变量名",
      "placeholder": "占位符文本"
    }
  ],
  "template": "提示词模板，使用 {{变量名}} 作为占位符"
}

示例

前端组件开发

1. 选择 前端开发 分类
2. 选择 组件开发 模板
3. 填写变量：
   • 组件名称：Button
   • 技术栈：React + TypeScript
   • 功能描述：点击按钮触发回调
   • 样式要求：符合设计系统规范
4. 生成的提示词：

请创建一个名为 Button 的前端组件，使用 React + TypeScript 实现。

功能要求：
点击按钮触发回调

样式要求：
符合设计系统规范

技术要求：
- 代码风格符合项目规范
- 包含必要的类型定义
- 提供完整的测试用例
- 考虑可访问性和响应式设计

技术栈

• TypeScript
• VS Code Extension API
• Node.js fs/path模块

贡献

欢迎提交Issue和Pull Request，帮助改进这个插件！