大家好！我是瓜哥，前互联网技术总监，目前AI编程这条路上持续探索和分享。

作为AI博主，日常工作就是测试并分享各种AI工具，所以我积累了大量的提示词和AI生成的Demo。

但随着时间，我遇到了一个麻烦： 提示词在飞书文档，预览效果在公众号。

Part 1 ：AIDemo 乱成一锅粥

这只是一小部分AI编程 Demo。

MacOS

地球旅行

3D城市设计

流体艺术

反应力测试

超级马里奥

1942空战

坦克大战

切水果

它们分散在我电脑里的不同地方，管理和分享都极其不便。 实在是太乱了，想着后来还会越来越多，我急需一个能把“提示词”和“效果预览”放在一起的工具。

所以，“灵感提示词”网站诞生了。

用AI造一个提示词“军火库”

介绍下“灵感提示词”网站的前端，氛围首页和详情页

点击详情页，左侧为提示词（可复制），右侧为预览区（可体验）

还做了一个简易的后端，主要负责提示词的管理。

主要功能为：提示词上传、编辑、传图、传html文件等。

我把积累的提示词，和对应用AI生成的demo，都放在这个网站，方便大家预览效果，以及复制提示词到本地进行重现。

访问地址：
https://prompt.guage.chat/

我的实战小插曲

在开发网站的过程中，我碰到了一个很有意思的实战问题。游戏这类demo，大多是多个文件（HTML+JS）的项目，需要合并成单一的HTML文件，才能方便进行上传到后端进行预览。

以《1942》游戏为例，可以看到有两个文件，分别是html文件（209行代码），game.js（1778行）

让Compose 执行代码合并任务

Compose暴露了缺陷，执行速度超级的慢，最后任务都没跑完就自己中断了。

没办法，换Claude 4.5 重新执行合并代码任务

还得是claude啊，2分钟搞定，从1000多行代码缩减到600多行。上传网站后预览，效果相当不错~

小结一下

从一堆混乱的“AI资产”，到用AI开发一个管理网站。这是一个很小的AI编程解决实际问题的场景，项目虽不复杂，但很好的解决了我需要长期进行提示词积累，以及对外分享的需求。

这就是AI编程带给我一个真实价值，也希望能看到更多的实战中发现问题，并尝试用AI解决问题的案例，一起挖掘AI落地价值~

觉得内容不错？点个 ‘关注’ 和 ‘转发’ ，就是对我最大的支持！

福利领取

关注我，私信” 需求 “，免费获取 “灵感提示词” 网站的 产品需求文档 ！！

加入AI探索者社区

别再一个人摸索了！扫码加入，与 100+ AI编程高手交流、获取最新AI 编程资源。

阅读更多

点我头像，扩展阅读更多AI编程实用干货~