标签 Local-First 下的文章

demo-interactive-flow


交互式提示词生成流程

https://i.ibb.co/cKwYDy98/demo-file-upload.gif

支持带附件（图，docx，pdf）对话优化提示词


多轮问题导向优化提示词
demo-template-management

Question

无论是复杂任务，如论文精度，汇报 PPT 大纲制作，深度搜索调研，还是 agent.md
还是简单任务，比如 linux 命令生成，旅游规划，text2img 绘图
我都体验过很多万能的模板，也体验了生成提示词的提示词优化器，然而他们都无法满足我的需求
这并不是这些提示词不行，而是并不适合我
我想，只有一个模板，他能通过交互式的方式适配到我的业务或需求上，这种方式的模板才真正万能
然而据我所知，市面上并没有这样的一款工具，因此，我开发了这样一款纯前端项目

Quote

一句话介绍: 通过多轮交互式对话，将模糊想法转化为结构化、高质量的 AI 提示词

在线体验

【免费免部署免配置体验】一个更贴近日常使用的交互式提示词优化器1 【免费免部署免配置体验】一个更贴近日常使用的交互式提示词优化器2

目前配置了免费的 apikey，欢迎测试，感谢 @huan 焕佬的支持，额度有限，大家轻点用
项目地址
如果这个项目对你有帮助，欢迎给个 Star！

核心亮点

1. 智能交互引导

不需要你是提示词专家，AI 会主动询问：

  • 你的角色定位是什么？
  • 目标受众是谁？
  • 需要什么深度的内容？
  • 期望的输出格式？

通过交互式表单，几次点击就能明确需求！

2. 多模态文件支持

  • 上传 PDF 论文，AI 自动解析内容
  • 粘贴图片截图，AI 理解视觉信息
  • 支持 DOCX、TXT 等多种格式

3. 本地优先 (Local-First)

  • API Key 仅存储在浏览器本地
  • 对话历史使用 IndexedDB 离线存储
  • 无需担心隐私泄露

4. 现代化体验

  • 深色模式支持
  • 响应式设计（移动端友好）
  • 基于 Shadcn/UI 的精美界面

案例展示

案例 1：模糊命令

Example
【免费免部署免配置体验】一个更贴近日常使用的交互式提示词优化器4


【免费免部署免配置体验】一个更贴近日常使用的交互式提示词优化器5


【免费免部署免配置体验】一个更贴近日常使用的交互式提示词优化器6


【免费免部署免配置体验】一个更贴近日常使用的交互式提示词优化器7

案例 2：复杂任务

Example
【免费免部署免配置体验】一个更贴近日常使用的交互式提示词优化器9

dog food example

【免费免部署免配置体验】一个更贴近日常使用的交互式提示词优化器8


【免费免部署免配置体验】一个更贴近日常使用的交互式提示词优化器10


【免费免部署免配置体验】一个更贴近日常使用的交互式提示词优化器11


对比生成后

【免费免部署免配置体验】一个更贴近日常使用的交互式提示词优化器12


然后我有点想选前者

todo

Todo

▢ 接入之前看的一个佬的 gemini 网页 2api 项目，实现免配使用
▢ 接入 CC/CODEX/ 寸止，进行交互式 Vibe Coding 提示词增强
▢ 提示词收藏与管理
▢ 目前元提示词不是很好，还要优化，一些指令遵从不好的模型，如 grok，会偏离流程
▢ 有些交互 bug
▢ 动画不是很好看
▢ icon 很丑，UI 太大众

碎碎念

其实用别人项目的时候我屁事都比较多，之前用过一个佬的优化提示词，后面用一直没能力也没时间弄出自己的想法，这次总算心一狠弄了出来，项目本身我还是挺喜欢的，至少满足了我的需求

这个项目从前天想到到今天上线弄了三天，中间被老板因课题没进度批了一顿，还差点放弃开发，没想到前端项目还开发这么久，可能还是没有前端基础导致，连一个 AI chat ui 的 AI 返回一直白屏都让 cld 用 playwright 和反重力的 gemini 3 pro high 改了一天，不过做出来还是成就感满满，毕竟站在 AI 的肩膀上很快从想法到实现了个稍微复杂的项目，并且自我感觉比较完善

技术细节

一共花费挺少的，反重力 0 成本，cld 这边大概花了 10 块吧

【免费免部署免配置体验】一个更贴近日常使用的交互式提示词优化器13


【免费免部署免配置体验】一个更贴近日常使用的交互式提示词优化器14


【免费免部署免配置体验】一个更贴近日常使用的交互式提示词优化器15

目前用的 ccg 工作流，但是一直没成功调用 codex，gemini，以及寸止，playwright 等 7 个 mcp，由于是纯前端项目，需要不断交互，主要用到前两个，ace 相关 mcp 也偶尔用到，anycode 不怎么用，之前以为跟 ccg 有冲突就没用，一般用开箱未配置的 wezterm

【免费免部署免配置体验】一个更贴近日常使用的交互式提示词优化器16


【免费免部署免配置体验】一个更贴近日常使用的交互式提示词优化器17

参考项目

  1. smkalami/prompt-decorators: Prompt Decorators are structured prefixes, such as +++Reasoning and +++StepByStep, designed to enhance AI responses. Inspired by Python decorators, they make AI outputs more logical, accurate, and well-organized without requiring lengthy instructions, simplifying interactions for users.
  2. GitHub - anthropics/prompt-eng-interactive-tutorial: Anthropic's Interactive Prompt Engineering Tutorial
  3. GitHub - tranzwalle/prompt_builder: 基于 [Anthropic 的 Interactive Prompt Engineering Tutorial](https://github.com/anthropics/prompt-eng-interactive-tutorial) 构建的智能 Prompt 优化工具。
  4. GitHub - xavierchoi/Prompt-Enhancer
  5. GitHub - lwh8915/PromptX: PromptX 不仅仅是一个提示词存储工具，它是专为 AI 时代打造的生产力神器。采用 UI/UX Pro Max 设计标准，结合强大的 版本管理 和 智能分类，让你的 AI 工作流效率提升 10x。
  6. GitHub - Hunyuan-PromptEnhancer/PromptEnhancer: PromptEnhancer is a prompt-rewriting tool, refining prompts into clearer, structured versions for better image generation.
  7. GitHub - songtingze/prompt-optimizer: 大模型提示词优化器，让大模型根据测试结果进行反思生成优化建议，并结合用户要求进行提示词优化。
  8. GitHub - linshenkx/prompt-optimizer: 一款提示词优化器，助力于编写高质量的提示词

参考帖子

  1. 新人水帖，一个提示词优化器项目 - 开发调优 - LINUX DO
  2. 提示词优化分享 - 递归自优化生成系统 - 开发调优 - LINUX DO
  3. 「SSRPrompt」为了方便内部项目的 prompt 管理，产品经理设计了这款开源软件 - 开发调优 - LINUX DO
  4. 【提示词工程】分享那些我认为好用的， 我在用的， 我愿意推荐的提示词 - 文档共建 - LINUX DO

📌 转载信息
原作者：
systemoutprintlnhell
转载时间：
2026/1/16 18:50:38