不填 API，也能做。
六种本地 UI 模板。调整文字、配色与圆角，导出自包含的 HTML/CSS 或中英开发提示词。
CHROME SIDE PANEL / v0.6.1
先看效果，
再带走代码。
Effect Prompt Lab 把网页视觉想法变成可以预览、调整和导出的起点。填不填 API，都可以开始。
Chrome 商店版本正在准备，尚未上架。当前提供手动安装包。
Effect Prompt Lab
PREVIEW → ADJUST → EXPORT需要时，再请 AI 帮忙。
使用自己的 API 调整内置模板参数，也可以设计静态 Canvas 效果、润色视频提示词。第三方 API 可能收费。
你的 Key，留在你那里。
默认仅当前会话使用；长期保存可在自己的设备加密。主动调用时才直连所选供应商，不经过项目服务器。
A LITTLE DESIGN PLAYGROUND
先试一个小想法。
这六个样例来自插件的同一套模板。调整后可下载 HTML；完整控制、提示词、Canvas 和动效库在插件里。
预览中的按钮只演示样式；实际功能需接入你的项目。
FROM IDEA TO YOUR PROJECT
一个轻巧的工作流。
选一个模板
在 Chrome 侧栏打开 UI 素材，选玻璃、渐变、聚光、极光、点阵或流光边框。
调到你想要的样子
修改文字、配色、强度和速度。可选用自己的 API 描述调整需求，模型只调整受限参数。
交给你的编码工具
复制中文或英文提示词，或下载完整 HTML/CSS；在目标项目里接入真实的按钮行为。
GET EFFECT PROMPT LAB
把它放进你的 Chrome。
需要 Chrome 114 或更新版本。所有扩展功能免费，赞助不影响使用。
下载 v0.6.1 安装包 ↗Chrome 商店版本正在准备，尚未上架。当前提供手动安装包。
- 解压下载的 ZIP，找到含 manifest.json 的文件夹。
- 打开 Chrome 的扩展管理页面：
chrome://extensions - 开启开发者模式，点击“加载已解压的扩展程序”，选择该文件夹。
- 点击工具栏中的 Effect Prompt Lab 图标，打开侧栏。
A FEW USEFUL ANSWERS
使用与支持。
可以生成完整网站吗？
目前提供六种原创 UI 模板和受限参数设计，不是任意整站生成器，也不会执行模型返回的代码。导出的样例可以作为项目的起点。
没有 API Key，哪些功能可以用？
本地 UI 预览、参数调整、HTML/CSS 与提示词导出、Canvas 本地示例与 PNG 导出，以及 44 种动效和提示词组装。AI 调参、AI 静态设计与润色需要你自己的 API。
有哪些界面语言？
简体中文、英语、日语、西班牙语。开发与视频提示词输出中英双语；你的输入原文不会被翻译。
遇到问题怎么办？
先检查是否使用 Chrome 114+。AI 请求失败时检查供应商模型、余额、可信 HTTPS 地址与域名权限。反馈时请描述版本、操作步骤和错误提示，截图中遮住 Key、密码与个人资料。
前往 knowhy 的 Ko-fi 页面留言 ↗素材是从哪里来的？
六个 UI 模板由本项目独立实现。Magic UI、tsParticles、React Bits 是发现与参考链接，未把它们整套打包进插件。
如果这个工具帮到了你，可以请我喝杯咖啡。赞助纯属自愿，所有功能始终免费。
请我喝杯咖啡 ↗