网页 · Claude
这个模型下已收录的 Case，全部带完整 Prompt、作者与原始来源。
一个用于使用程序化 Three.js WebGPU 和 TSL 着色器构建完全可工作的 1857 年拿破仑野战炮 3D 模型的提示词，包含实时正交渲染。
提示语
使用程序化 Three.js WebGPU 和 TSL 着色器，构建一门功能完整的 1857 年 Napoleon 装填式野战炮 3D 模型。不使用 Blender、不使用 3D 资产、不使用纹理。包含以实时 orthographic renders…
提示语
<inputs> 向我索取：我的产品、用户在其中输入的确切请求、用于结果卡片的 6 到 8 张照片、一首约 130 BPM 且有清晰 drop…
一份全面的系统提示词，用于使用 GSAP 和 Three.js 生成高端动态视频，涵盖设置、参考研究及运动原则。
提示语
<role> 你完全用代码设计并制作动态视频，动画用 gsap，任何 3D 部分用 three.js。每一个决定都拿参考作品中最好的来衡量，视频只有在和它们并排放在一起也站得住时，才算完成。 </role> <brief> -…
为 Claude Opus 5.5 设计的结构化提示词，用于生成基于 HTML 的 30 秒商业动画解说视频。
提示语
担任专业动态设计师。用单个 HTML 页面，为我的业务制作一段 30 秒动画解说。共 5 个场景：客户的问题、我做什么、分 3…
由 Opus 5.5 使用 HTML 和 Three.js 构建的缩放动画更新版本，展示从房间到 MacBook、Apple M4 芯片、原子再到夸克的过渡效果。
提示语
创建一段动画序列，从房间开始，zooms into 一台 MacBook，再进入 Apple M4 芯片，接着进入原子，最后进入夸克。使用 HTML 和 Three.js 渲染。
一段中文提示语，让 Claude Opus 5.5 读取本机代码、素材和线上网站，自己找 Logo、截图和真实案例，直接做出 30 秒的 GoodCase.ai 网站宣传片并用代码合成配乐，同时输出 16:9 与 9:16 两个版本。全程没有接任何 AI 视频、音乐或图像生成模型。
提示语
为GoodCase. ai制作一支30秒的网站宣传片，并完成配乐。 你可以读取当前Mac mini上的代码和素材，也可以使用浏览器访问goodcase.…
使用 GTFS 数据和 Three.js/Forge3d，创建一个波特兰公交服务路线的 3D 地图可视化动画，展示普通周二期间车辆在各社区间的运行轨迹，采用浅色主题。
提示语
制作一段视频，展示 Portland, OR 在任意一个周二的公交服务！先从整体上展示 Portland 的各个社区，再 zoom in 到每个象限的具体线路（为简洁起见，将 North Portland 并入 NE，South Portland 并入…
用于创建基于 JS 的视频的提示词，旨在以高中生也能理解的方式深入讲解 Transformer 架构的技术细节。
提示语
帮我用js制作一个视频，主题是：什么是 Transformer 要深入浅出，让高中生也能看得懂，不仅high level说的清楚，也要有细节，包括注意力机制，甚至一些数学概念 你可以用任何工具或者安装工具，可以联网…
提示语
<inputs> 向我索要：我希望这个形状变成的八到十二种界面状态（例如按钮、加载器、播放器、滑块、开关、标签页、图表、命令面板、提示条），纯黑白还是一个强调色，以及一首约 120 BPM…
一份全面的提示词，用于使用 HTML/JS 生成节拍同步的产品发布视频，详细说明了输入项、创意方向、结构及构建步骤。
提示语
<inputs> 向我索要：产品名称和一句话承诺、三到五个要展示的界面时刻、一个强调色、十到二十条我自己拥有的真实竖版片段，以及一首有明确 drop 的免版税歌曲（例如…
一个高度详细的提示词，用于创作一部名为“BUILD THE FLOOR”的 20 秒动态口语诗电影，指定了艺术指导、演讲内容、视觉规则、分镜脚本和工程约束。
提示语
创作一部 20.00 秒的动态口语诗电影，片名为“BUILD THE FLOOR”。将其视为一段完全通过字体排版呈现的原创微型演讲。每一句话都会改变画面的建筑结构。最终的宣言必须立于此前文字实际构建的结构之上。交…
跑在5美元ESP32-S3芯片上的AI助手，不装Linux不装Node.js纯C实现，靠Telegram对话调用Claude或GPT完成任务并跨重启记住历史。
提示语
跑在5美元ESP32-S3芯片上的AI助手,不装Linux不装Node.js纯C实现,靠Telegram对话调用Claude或GPT完成任务并记住历史。
十六个词的极简提示，只说要写一段可视化单行道红绿灯逻辑加随机车流的 Python 代码，没有指定任何视觉细节，模型要自己判断这个需求需不需要图形界面，是测试模型自主判断能力而不是测试提示词技巧的经典案例。
提示语
写一段 Python 代码，可视化单行道上红绿灯的工作原理，车辆以随机速率进入。
@0fficialRohit 使用 Claude · MCP360 ImageGen完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
「使用 mcp360 imagegen，在暗色主题下创建一个健身房网站，并加入图片。」 MCP360 下一次更新即将到来，敬请期待。🚀
@ianiketnagapure 使用 Claude Sonnet 5 · Cursor完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
第一次尝试做出了一个还不错的包含比赛、积分榜和赛程的仪表盘……但还不够华丽。 图片生成没有成功（符合预期），所以我让它尽可能抓取可用的图片。 还在测试这个新模型到底有多强。我接下来还应该用…
@DeepakNesss 使用 Claude Sonnet 5完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
Claude Sonnet 5 有一种有趣的前端设计品味，我很喜欢。 只用这一个提示词构建： > 创建一个外观惊艳的个人网站，让我可以介绍自己、展示项目和其他内容。使用虚拟数据。
@nikhilbhima 使用 Claude Opus 4.7完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
「为一个虚构的浓缩咖啡订阅服务构建一个落地页。不要向我提问。自行决定所有字体、颜色和间距。我想看你的品味。使用单个 HTML 文件。」
@Oluwaphilemon1 使用 Claude Fable 5 · Three.js · Blender · GSAP完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
提示词：「设计一个机构网站，把服务以 3D 超市商品包装的形式呈现」 使用 Three.js 和 WebGL 在浏览器中实时渲染所有产品 使用 Blender 制作包装模型，然后导出为 GLTF 以加载到 Three.js 中 使用…
@Oluwaphilemon1 使用 Claude · Three.js · GSAP完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
1. Prompt：“构建一个叙事网站，每个滚动区块都通过流畅的色彩过渡揭示一个新的章节” 2. 使用 Three.js 制作会响应光标的绘画质感背景 3. Prompt：“加入 GSAP…
@BuilderGuest 使用 Claude Opus 5完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
Claude Opus 5 制作了一个完整的落地页，面向一个虚构的 AI 模型。 Prompt：“为名为 Dreamer 的虚构下一代 AI…
@elvissun 使用 Claude Design · Codex · Gemini · OpenClaw完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
我在一天内把自己的落地页重做出来了，过程中一起使用了 Claude Design、Codex、Gemini 和 OpenClaw。 这是一个 10 步流程，每个工具负责工作中的不同部分。 下面是我做的全部事情： 1.…
模型页由已发布 Case 派生，不来自厂商通稿。
