logo
1
0
Login

Kontext AI 提示词助手

一个现代、简约、美观的应用,它能将用户输入的自然语言图片编辑需求,智能地转换为经过优化的、高效的 AI 绘画提示词。

✨ 功能特性

  • 自然语言理解: 您可以使用日常中文(或英文)描述您对图片修改的想法,无需学习复杂的提示词语法。
  • 专业提示词生成: 应用内置的 AI 专家系统,会将您的描述转换为结构清晰、效果精准的英文提示词,以获得最佳的 AI 生成效果。
  • 可扩展的 AI 后端: 灵活选择您偏好的 AI 服务。应用原生支持 Google Gemini,并可配置连接到任何与 OpenAI API 兼容的后端。
  • 可定制的系统指令: 高级用户可以轻松查看并修改底层的系统提示词 (System Prompt),从而精确地控制 AI 的行为和输出风格。
  • 深度分析与解读: AI 会分析您的需求,并以中文形式反馈它的理解,包括编辑类型、修改目标和需要保留的元素,确保意图被准确捕捉。
  • 备选方案与优化建议: 除了最优的提示词,应用还会提供多种备选方案和具体的优化建议,帮助您拓宽思路或在效果不理想时进行调整。
  • 一键复制: 所有生成的提示词(包括备选方案)旁边都有一个便捷的“复制”按钮,让您可以轻松获取并在其他地方使用。
  • 美观流畅的界面: 采用现代化的深色主题设计,注重视觉美感和用户交互体验。

⚙️ AI 配置

在使用前,您可以按需配置 AI 提供商。应用会记住您的选择。

  1. 在“AI 配置”区域,选择 Google GeminiOpenAI 兼容 API

  2. Google Gemini:

    • 此选项为默认设置。应用会使用通过环境变量 (process.env.API_KEY) 提供的密钥,这是一种安全标准的做法,适用于部署环境。
  3. OpenAI 兼容 API:

    • 选择后,会出现三个输入框:
      • API Base URL: 填入您的 API 服务地址,例如 https://api.openai.com/v1
      • Model Name: 填入您想使用的模型名称,例如 gpt-4-turbo
      • API Key: 填入您的 API 密钥(格式通常为 sk-...)。
    • 安全与便利: 为了方便您使用,您输入的 API Base URLModel NameAPI Key 会被安全地保存在您浏览器的本地存储 (localStorage) 中,下次打开时会自动填充。这些信息只会在您发起请求时直接发送到您指定的 API 地址,绝不会上传到任何其他服务器。
  4. 高级设置(可选):

    • 点击“高级设置:编辑系统提示词”,可以展开一个文本域,其中包含了指导 AI 如何行动的系统指令。您可以根据自己的需求修改它,您的修改同样会被自动保存。

🚀 如何使用

  1. 配置 AI: 根据上面的指南,选择并配置您想使用的 AI 服务。

  2. 描述您的编辑需求: 在输入框中,用自然语言详细描述您想要对一张图片做什么样的修改。

    • 示例: 一张金毛寻回犬在公园里的照片。我想把它的毛变成萨摩耶那样蓬松的白色,但保持公园背景不变。整体风格想变成水彩画。
  3. 生成提示词: 点击“生成提示词”按钮。应用会将您的需求发送给配置好的 AI 进行分析和转换。请稍等片刻。

  4. 查看并复制结果:

    • 查看分析: 在输出区域,首先会看到 AI 对您需求的中文分析,请确认它是否正确理解了您的意图。
    • 复制提示词: 在“推荐提示词”部分,找到为您生成的核心英文提示词,点击旁边的“复制”按钮即可。
    • 参考备选: 如果需要,您也可以在“备选方案”中找到其他提示词并一键复制,它们提供了不同的创作方向。

☁️ 部署 (Deployment)

本应用是一个纯前端应用,不依赖任何后端服务。因此,它可以被轻松地部署到任何静态网站托管服务上。

推荐的托管平台

  • GitHub Pages
  • Vercel
  • Netlify
  • Cloudflare Pages
  • 腾讯云 EdgeOne Pages

部署过程通常只需要将项目文件(index.html, index.tsx 等)上传到这些平台即可。

API 密钥处理方式说明

在静态部署环境中,API 密钥的处理方式至关重要:

  • **