AI 编程(UI)X2026/06/10
一句话生成交通信号灯模拟
十六个词的极简提示，只说要写一段可视化单行道红绿灯逻辑加随机车流的 Python 代码，没有指定任何视觉细节，模型要自己判断这个需求需不需要图形界面，是测试模型自主判断能力而不是测试提示词技巧的经典案例。
提示语
写一段 Python 代码，可视化单行道上红绿灯的工作原理，车辆以随机速率进入。
来源热度
69
稳定度
网页 · Claude
Claude 案例与 Prompt
这个模型下已收录的 Case，全部带完整 Prompt、作者与原始来源。
AI 编程(UI)X
MCP360 暗色健身房官网
创作者 @0fficialRohit →
@0fficialRohit 使用 Claude · MCP360 ImageGen完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
周末实验变成了一件有趣的事。 只用一个提示词，@claudeai +…
来源热度
42
稳定度
提示语
在 Cursor 中尝试了 Sonnet 5（high） 提示词： 「构建一个生产级…
来源热度
24
稳定度
AI 编程(UI)X
Claude Sonnet 个人内容网站
创作者 @DeepakNesss →
@DeepakNesss 使用 Claude Sonnet 5完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
Claude Sonnet 5 有一种有趣的前端设计品味，我很喜欢。 只用这一个提示…
来源热度
33
稳定度
AI 编程(UI)X
浓缩咖啡订阅服务落地页
创作者 @nikhilbhima →
@nikhilbhima 使用 Claude Opus 4.7完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
我的天！！这是 Claude Opus 4.7 一次生成的…
来源热度
31
稳定度
AI 编程(UI)X
3D 超市包装式创意机构官网
@Oluwaphilemon1 使用 Claude Fable 5 · Three.js · Blender · GSAP完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
Claude Fable 5 和 GPT-5.6 很强🥵🥵🥵 下面是我如何使用…
来源热度
48
稳定度
提示语
我如何用 Claude 构建它 👇 1. Prompt：“构建一个叙事网站，每个滚…
来源热度
78
稳定度
AI 编程(UI)X
Claude Opus 5：Dreamer AI 落地页
创作者 @BuilderGuest →
@BuilderGuest 使用 Claude Opus 5完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
Claude Opus 5 制作了一个完整的落地页，面向一个虚构的 AI…
来源热度
24
稳定度
AI 编程(UI)X
Claude + Codex + Gemini + OpenClaw 重建落地页
创作者 @elvissun →
@elvissun 使用 Claude Design · Codex · Gemini · OpenClaw完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
我在一天内把自己的落地页重做出来了，过程中一起使用了 Claude…
来源热度
51
稳定度
AI 编程(UI)X
Claude Code 动画素材库落地页
@Nil_phy_dreamer 使用 Claude Code · Sonnet 4.6完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
我正在做一个动画加载器和图标库，这是我的第二个项目。这个周末我尝试为它构建一个落地页。…
来源热度
33
稳定度
AI 编程(UI)X
Fable 与 Opus 同 Prompt 滚动页对比
创作者 @viktoroddy →
@viktoroddy 使用 Fable · Claude Opus完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
❤️🔥 一键获取所有高级 AI 网站的提示词： 用 React +…
来源热度
69
稳定度
AI 编程(UI)X
Claude Mythos：Lithos 地质品牌 Hero
创作者 @viktoroddy →
@viktoroddy 使用 Claude Mythos完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
❤️🔥 一键获取所有令人惊艳的动效网站提示词： http:// 用 React…
来源热度
71
稳定度
提示语
一键获取所有令人惊艳的动效网站提示词： 提示词： 用 React + TypeScript + Vite + Tailwind CSS +…
来源热度
67
稳定度
AI 编程(UI)X
Claude + Fable：Aethera Fintech 落地页
创作者 @viktoroddy →
@viktoroddy 使用 Claude · Fable完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
一键获取所有令人惊艳动效网站的提示词： > 用 **React + TypeScript + Vite + Tailwind CSS +…
来源热度
70
稳定度
AI 编程(UI)X
Nano Banana + Kling + Claude 电影感 Hero
创作者 @viktoroddy →
@viktoroddy 使用 Nano Banana · Kling · Claude完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
一键获取所有令人惊艳动效网站的提示词： 提示词：电影感 Hero 区域，带循环视频背景 用 React + Vite + Tailwind…
来源热度
79
稳定度
AI 编程(UI)X
Gemini vs Claude：Velorah 电动房车落地页
创作者 @viktoroddy →
@viktoroddy 使用 Gemini · Claude完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
一键获取所有令人惊艳动效网站的提示词： 构建一个 Velorah…
来源热度
79
稳定度
AI 编程(UI)X
ChatGPT Image 设计转 React Native 网站
创作者 @viktoroddy →
@viktoroddy 使用 ChatGPT Image 2.0 · Claude Opus 4.6完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
一键获取所有令人惊艳动效网站的提示词： 精确复刻提示词 项目设置 技术栈：React 19 + Vite 6 + Tailwind CSS…
来源热度
70
稳定度
AI 编程(UI)X
Google Stitch 对比 Claude 网页生成
创作者 @viktoroddy →
@viktoroddy 使用 Google Stitch · Claude完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
一键获取所有令人惊艳动效网站的提示词： 复刻这个落地页的完整提示词 为一家名为「A…
来源热度
81
稳定度
AI 编程(UI)X
Claude + Nano Banana + Kling 动画网站
创作者 @viktoroddy →
@viktoroddy 使用 Claude Code · Nano Banana Pro · Kling完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
一键获取所有令人惊艳动效网站的提示词： 复刻提示词 提示词： 为一家名为「Aet…
来源热度
72
稳定度
AI 编程(UI)X / 𝕏2026/05/10
image to 3D
创作者 @servasyy_ai →
这条案例的价值不在提示词本身（prompt 只是一个 GitHub 链接），而在于它开源了一整套图生 3D 工作台：后端统一代理 Tripo、Hyper3D、Fal.ai、Hunyuan3D 等多家图生 3D API 并自动降级，密钥不进前端、生成结果本地缓存复用，是少见的能直接跑起来学的工程参考，而不是一次性效果展示。 说明：该案例的创意归属存在争议——有创作者公开指出此想法与其更早发布的作品高度相似且未获署名，开源仓库的致谢也被指不完整。收录基于其工程实现的参考价值，归属争议请读者自行判断。
方法 / 代码
查看方法 ↗来源热度
100
稳定度
93
AI 编程(UI)X / 𝕏2026/05/14
应式3D角色轮播动画UI
创作者 @viktoroddy →
用四个角色位，center、left、right、back，加对应的固定样式表（缩放、模糊、透明度、层级）来描述轮播状态，而不是直接写死每张图片的具体位置，这种角色位驱动样式的架…
提示语
一键获取所有惊艳动画网站的 Prompt：http://motionsites.ai 用 React + TypeScript + Vite +…
来源热度
77
稳定度
92