designed specifically for AI painting (GPT, Midjourney, Nano Banana, etc.). Help users quickly build, manage, and iterate complex prompts through a visual "fill-in-the-blank" interaction. 通过可视化的"填空"交互方式,帮助用户快速构建、管理和迭代复杂的 Prompt。
See the codeA structured prompt generation tool designed specifically for AI painting (GPT, Midjourney, Nano Banana, etc.). Help users quickly build, manage, and iterate complex prompts through a visual "fill-in-the-blank" interaction.
Prompt Fill has officially reached v1.1.5. The original intention of this project is to solve the problem of hard-to-remember, hard-to-manage, and tedious modification of prompts in the AI painting process. By structuring prompts, creation becomes as simple as "filling in the blanks".
244 bilingual presets: 160 new community adaptations, including 100 GPT Image 2.5 templates with four key variables each. Creator and source credits are included.
✅ Variable Autocomplete: Type / or { to open a dual-column autocomplete panel — select variables on the left, options on the right, with full keyboard navigation.
✅ Inline Variable Syntax: {{key: value}} lets you write and preview a variable's value directly in the template, with real-time highlighting.
✅ Smart Split: One-click prompt splitting with automatic variable annotation and bilingual template generation.
✅ Video Template Support: Full support for video previews and cover management.
✅ Official AI Support: AI-powered prompt expansion feature is now live.
✅ Full Dark Mode Support: One-click theme switching for desktop and mobile.
✅ Reliable Storage: Supports both browser (IndexedDB) and local folder storage — switching modes never loses your templates.
✅ Linkage Groups: Sync modifications globally within groups (e.g., {{color}}_1).
✅ Structured Prompt Engine: Automatic interactive form conversion via {{variable}}.
✅ Dynamic Bank System: Preset art tags with category management and batch import.
✅ HD Social Sharing: Export beautiful JPG long images with auto-extracted colors.
✅ Cloud Awareness: Real-time sync for official templates and features.
✅ Local Storage: Private data stored in browser LocalStorage.
Node.js v18+ is recommended.
This project supports short-link sharing via a private backend.
.env file in the root and add your API URL:
VITE_SHARE_API_URL=https://your-api.com/api/share
git clone https://github.com/TanShilongMario/PromptFill.git
cd PromptFill
npm install
npm run dev
npm run build
start.commandstart.batImport Template to Official Library
Convert a user-created template into an official (built-in) template:
npm run import -- ~/Downloads/xxx_template.json
src/data/templates.js and src/data/banks.js.SYSTEM_DATA_VERSION in templates.js.Tip: In local dev mode (
localhost), the Share modal has a "Copy Full Data" button that copies the raw JSON to clipboard — you can also pipe that into the import script interactively vianpm run import.
Manage categories and colors at the top of the left panel. Each category has a unique color for quick identification.
Create "Variable Groups" and add options (single or batch). Cards can be dragged into the editor.
Use "Edit Template" to enter visual mode. Type { to open variable autocomplete, or manually input {{variable}}. Supports drag-and-drop insertion and Undo/Redo.
Switch to "Preview Interaction". Select options from dropdowns. Use "+ Add Custom Option" to save new values directly.
Hover over preview images to view large versions, upload custom images, or reset to default.
Copy the final prompt or save as a long image. JSON Import/Export is available for backup.
color-0)./explore after entering a template from preview.onUpdateOption prop)./ or { in the editor to open a dual-column panel — pick a variable on the left and an option on the right, with full keyboard navigation (↑↓ / → / Enter / Esc).{{key: value}} writes the current value directly into the template for instant preview without switching modes.isMobileDevice now uses userAgent + viewport width and responds to resize events, fixing /explore occasionally using the desktop layout. The / trigger is disabled on mobile to prevent soft-keyboard interference.[], 「」, or {} is prioritized as replaceable variables.Issues and Pull Requests are welcome!
MIT License / MIT 许可证.
一个专为 AI 绘画(GPT、Nano Banana 等)设计的结构化提示词生成工具。通过可视化的"填空"交互方式,帮助用户快速构建、管理和迭代复杂的 Prompt。
Prompt Fill 正式发布 v1.1.5 版本。本项目初衷是解决 AI 绘画过程中提示词难记忆、难管理、修改繁琐的问题。通过将 Prompt 结构化,让创作变得像"填空"一样简单。
244 套双语预设:本次新增 160 套社区改编模版,其中 100 套 GPT Image 2.5 模版各含 4 个关键填空,完整保留创作者与来源鸣谢。
✅ 变量智能补全:编辑时输入 / 或 { 即可弹出双栏补全面板,左选变量、右选选项,支持键盘全程导航。
✅ 内联变量语法:支持 {{key: value}} 直接在模版中写入当前值,实时高亮展示。
✅ 智能拆分:一键拆分提示词,自动标注变量并生成双语模板。
✅ 视频模版深度支持:支持视频预览、封面管理及参考素材多源上传。
✅ 正式 AI 赋能:智能词条扩充功能正式上线。
✅ 全面暗色模式支持:支持桌面端与移动端的一键主题切换。
✅ 可靠的存储保障:同时支持浏览器(IndexedDB)与本地文件夹两种存储模式,任意切换均不会丢失模版。
✅ 词组联动系统:支持变量成组联动,修改一处,全局同步。
✅ 结构化 Prompt 引擎:支持 {{variable}} 语法,自动转化为交互式表单。
✅ 动态词库系统:预置数百个常用标签,支持分类管理与批量导入。
✅ 高清社交分享:内置模版封面渲染,支持一键导出精美 JPG 长图。
✅ 模版/版本感知:官方模版云端同步感知,无需手动刷新。
✅ 纯本地存储:基于浏览器 LocalStorage,数据完全掌握在自己手中。
推荐使用 Node.js v18+。
本项目支持通过私有后端实现短链接分享。
.env 文件,填入你的 API 地址:
VITE_SHARE_API_URL=https://your-api.com/api/share
git clone https://github.com/TanShilongMario/PromptFill.git
cd PromptFill
npm install
npm run dev
npm run build
start.commandstart.bat导入模板到官方库
将手动创建的模板转换为内置官方模板:
npm run import -- ~/Downloads/xxx_template.json
src/data/templates.js 和 src/data/banks.js。templates.js 中的 SYSTEM_DATA_VERSION。提示:在本地开发环境(
localhost)下,分享弹窗中有一个"复制完整数据"按钮,可以直接复制 JSON 数据,然后通过npm run import交互式粘贴导入。
点击左侧面板顶部的"管理分类",添加或修改分类及其颜色。
点击"创建新变量组"添加词库,支持单条或批量添加选项。
点击"编辑模版"进入可视化编辑模式,输入 { 即可弹出变量智能补全,也支持手动输入 {{variable}} 和拖拽插入。
切换回"预览交互"模式,点击变量选择选项,支持直接添加新选项到词库。
悬停在预览图上可查看大图、上传自定义图或重置默认图。
复制生成的结果或保存为长图。支持 JSON 导入/导出。
onUpdateOption 报错。/ 或 { 弹出双栏补全面板,左选变量、右选选项,支持键盘全程导航(↑↓ / → / Enter / Esc)。{{key: value}} 可直接在模版中写入当前值,实时高亮。/explore 偶尔显示桌面端样式的问题;移动端禁用 / 触发补全,避免软键盘干扰。[]、「」、{} 括号标记的内容优先识别为可替换变量。Issues and Pull Requests are welcome!
MIT License / MIT 许可证.
Made with ❤️ by 角落工作室
44 followers · starred Dec 2025
323 followers · starred Dec 2025
275 followers · starred Dec 2025
1 followers · starred Dec 2025
designed specifically for AI painting (GPT, Midjourney, Nano Banana, etc.). Help users quickly build, manage, and iterate complex prompts through a visual "fill-in-the-blank" interaction. 通过可视化的"填空"交互方式,帮助用户快速构建、管理和迭代复杂的 Prompt。
See the codeA structured prompt generation tool designed specifically for AI painting (GPT, Midjourney, Nano Banana, etc.). Help users quickly build, manage, and iterate complex prompts through a visual "fill-in-the-blank" interaction.
Prompt Fill has officially reached v1.1.5. The original intention of this project is to solve the problem of hard-to-remember, hard-to-manage, and tedious modification of prompts in the AI painting process. By structuring prompts, creation becomes as simple as "filling in the blanks".
244 bilingual presets: 160 new community adaptations, including 100 GPT Image 2.5 templates with four key variables each. Creator and source credits are included.
✅ Variable Autocomplete: Type / or { to open a dual-column autocomplete panel — select variables on the left, options on the right, with full keyboard navigation.
✅ Inline Variable Syntax: {{key: value}} lets you write and preview a variable's value directly in the template, with real-time highlighting.
✅ Smart Split: One-click prompt splitting with automatic variable annotation and bilingual template generation.
✅ Video Template Support: Full support for video previews and cover management.
✅ Official AI Support: AI-powered prompt expansion feature is now live.
✅ Full Dark Mode Support: One-click theme switching for desktop and mobile.
✅ Reliable Storage: Supports both browser (IndexedDB) and local folder storage — switching modes never loses your templates.
✅ Linkage Groups: Sync modifications globally within groups (e.g., {{color}}_1).
✅ Structured Prompt Engine: Automatic interactive form conversion via {{variable}}.
✅ Dynamic Bank System: Preset art tags with category management and batch import.
✅ HD Social Sharing: Export beautiful JPG long images with auto-extracted colors.
✅ Cloud Awareness: Real-time sync for official templates and features.
✅ Local Storage: Private data stored in browser LocalStorage.
Node.js v18+ is recommended.
This project supports short-link sharing via a private backend.
.env file in the root and add your API URL:
VITE_SHARE_API_URL=https://your-api.com/api/share
git clone https://github.com/TanShilongMario/PromptFill.git
cd PromptFill
npm install
npm run dev
npm run build
start.commandstart.batImport Template to Official Library
Convert a user-created template into an official (built-in) template:
npm run import -- ~/Downloads/xxx_template.json
src/data/templates.js and src/data/banks.js.SYSTEM_DATA_VERSION in templates.js.Tip: In local dev mode (
localhost), the Share modal has a "Copy Full Data" button that copies the raw JSON to clipboard — you can also pipe that into the import script interactively vianpm run import.
Manage categories and colors at the top of the left panel. Each category has a unique color for quick identification.
Create "Variable Groups" and add options (single or batch). Cards can be dragged into the editor.
Use "Edit Template" to enter visual mode. Type { to open variable autocomplete, or manually input {{variable}}. Supports drag-and-drop insertion and Undo/Redo.
Switch to "Preview Interaction". Select options from dropdowns. Use "+ Add Custom Option" to save new values directly.
Hover over preview images to view large versions, upload custom images, or reset to default.
Copy the final prompt or save as a long image. JSON Import/Export is available for backup.
color-0)./explore after entering a template from preview.onUpdateOption prop)./ or { in the editor to open a dual-column panel — pick a variable on the left and an option on the right, with full keyboard navigation (↑↓ / → / Enter / Esc).{{key: value}} writes the current value directly into the template for instant preview without switching modes.isMobileDevice now uses userAgent + viewport width and responds to resize events, fixing /explore occasionally using the desktop layout. The / trigger is disabled on mobile to prevent soft-keyboard interference.[], 「」, or {} is prioritized as replaceable variables.Issues and Pull Requests are welcome!
MIT License / MIT 许可证.
一个专为 AI 绘画(GPT、Nano Banana 等)设计的结构化提示词生成工具。通过可视化的"填空"交互方式,帮助用户快速构建、管理和迭代复杂的 Prompt。
Prompt Fill 正式发布 v1.1.5 版本。本项目初衷是解决 AI 绘画过程中提示词难记忆、难管理、修改繁琐的问题。通过将 Prompt 结构化,让创作变得像"填空"一样简单。
244 套双语预设:本次新增 160 套社区改编模版,其中 100 套 GPT Image 2.5 模版各含 4 个关键填空,完整保留创作者与来源鸣谢。
✅ 变量智能补全:编辑时输入 / 或 { 即可弹出双栏补全面板,左选变量、右选选项,支持键盘全程导航。
✅ 内联变量语法:支持 {{key: value}} 直接在模版中写入当前值,实时高亮展示。
✅ 智能拆分:一键拆分提示词,自动标注变量并生成双语模板。
✅ 视频模版深度支持:支持视频预览、封面管理及参考素材多源上传。
✅ 正式 AI 赋能:智能词条扩充功能正式上线。
✅ 全面暗色模式支持:支持桌面端与移动端的一键主题切换。
✅ 可靠的存储保障:同时支持浏览器(IndexedDB)与本地文件夹两种存储模式,任意切换均不会丢失模版。
✅ 词组联动系统:支持变量成组联动,修改一处,全局同步。
✅ 结构化 Prompt 引擎:支持 {{variable}} 语法,自动转化为交互式表单。
✅ 动态词库系统:预置数百个常用标签,支持分类管理与批量导入。
✅ 高清社交分享:内置模版封面渲染,支持一键导出精美 JPG 长图。
✅ 模版/版本感知:官方模版云端同步感知,无需手动刷新。
✅ 纯本地存储:基于浏览器 LocalStorage,数据完全掌握在自己手中。
推荐使用 Node.js v18+。
本项目支持通过私有后端实现短链接分享。
.env 文件,填入你的 API 地址:
VITE_SHARE_API_URL=https://your-api.com/api/share
git clone https://github.com/TanShilongMario/PromptFill.git
cd PromptFill
npm install
npm run dev
npm run build
start.commandstart.bat导入模板到官方库
将手动创建的模板转换为内置官方模板:
npm run import -- ~/Downloads/xxx_template.json
src/data/templates.js 和 src/data/banks.js。templates.js 中的 SYSTEM_DATA_VERSION。提示:在本地开发环境(
localhost)下,分享弹窗中有一个"复制完整数据"按钮,可以直接复制 JSON 数据,然后通过npm run import交互式粘贴导入。
点击左侧面板顶部的"管理分类",添加或修改分类及其颜色。
点击"创建新变量组"添加词库,支持单条或批量添加选项。
点击"编辑模版"进入可视化编辑模式,输入 { 即可弹出变量智能补全,也支持手动输入 {{variable}} 和拖拽插入。
切换回"预览交互"模式,点击变量选择选项,支持直接添加新选项到词库。
悬停在预览图上可查看大图、上传自定义图或重置默认图。
复制生成的结果或保存为长图。支持 JSON 导入/导出。
onUpdateOption 报错。/ 或 { 弹出双栏补全面板,左选变量、右选选项,支持键盘全程导航(↑↓ / → / Enter / Esc)。{{key: value}} 可直接在模版中写入当前值,实时高亮。/explore 偶尔显示桌面端样式的问题;移动端禁用 / 触发补全,避免软键盘干扰。[]、「」、{} 括号标记的内容优先识别为可替换变量。Issues and Pull Requests are welcome!
MIT License / MIT 许可证.
Made with ❤️ by 角落工作室
44 followers · starred Dec 2025
323 followers · starred Dec 2025
275 followers · starred Dec 2025
1 followers · starred Dec 2025