停止上下文切换：我如何在 VS Code 中构建一个生成高级 AI 提示的工具

Source: Dev.to

问题：上下文切换

我们都懂这种苦恼。你正处于 flow 状态，编写复杂的 Python 函数或调试 PHP 脚本，突然遇到瓶颈——需要 AI 帮助。

旧的工作流

1. Alt + Tab 切到 Chrome。
2. 打开 ChatGPT 或 Claude。
3. 写一个懒散的提示词，例如 “fix this code”（因为你已经很累）。
4. 得到一个平庸的答案。
5. 与 AI 争论以纠正上下文。
6. Alt + Tab 切回 VS Code。

不断的切换打断专注，严重降低生产力。

---

介绍 fnPrompt

fnPrompt 是一个将 高级提示工程 直接带入 IDE 与终端的生态系统。它不仅是一个提示库，更是一个 “AI 架构师” 引擎。

工作原理

你提供一个粗糙、模糊的想法（例如 “解释这个正则表达式” 或 “为这个登录函数编写单元测试”），它会调用 OpenAI 的 API 将该想法转化为结构完整的 系统提示，包括：

• 角色 – 如 高级 QA 工程师
• 目标 – 具体的任务
• 上下文 – 背景信息
• 约束 – 做与不做的事项
• 输出格式 – 仅代码、JSON、Markdown 等

该引擎在四个平台上均可使用：Web、Chrome、CLI 与 VS Code。

VS Code 插件

该插件让你无需离开编辑器：

1. 高亮任意代码片段或注释。
2. 右键 → fnPrompt: Refactor。
3. 几秒钟后生成专业提示，并在侧边面板打开，随时复制或进一步修改。

随后你可以把结构化提示交给 Copilot、ChatGPT、Gemini 或其他模型——不再需要懒散提示，也不再因缺少上下文而产生幻觉。

在 VS Code Marketplace 查看 →

CLI 工具

如果你更喜欢终端，fnPrompt 也提供了 CLI：

fnprompt gen "Create a docker-compose for LAMP stack"

该命令返回可直接使用的提示，你可以将其管道输送到喜欢的模型中。

技术栈

• 后端： PHP（原生）+ MySQL
• 前端： Tailwind CSS + 原生 JavaScript
• VS Code 插件： TypeScript
• AI 引擎： OpenAI API（GPT‑4o）用于提示生成
• 认证： Google OAuth（Web）& 基于令牌（CLI/VS Code）

免费试用

我非常期待你的反馈，尤其是关于 VS Code 插件的使用感受。它是否契合你的工作流？还有哪些功能缺失？

• Web: https://fnprompt.com
• VS Code: 从 Marketplace 下载插件
• Chrome: Web Store（即将上线）