AI 硬件ClaudeGitHub收录 2026/08/19
5美元芯片AI助手MimiClaw
跑在5美元ESP32-S3芯片上的AI助手，不装Linux不装Node.js纯C实现，靠Telegram对话调用Claude或GPT完成任务并跨重启记住历史。
提示语
跑在5美元ESP32-S3芯片上的AI助手,不装Linux不装Node.js纯C实现,靠Telegram对话调用Claude或GPT完成任务并记住历史。
来源热度 · GitHub
62
稳定度
84
网页 · Claude
Claude 案例与 Prompt
这个模型下已收录的 Case，全部带完整 Prompt、作者与原始来源。
AI 编程(UI)claude-fable-5X收录 2026/08/04
一句话生成交通信号灯模拟
十六个词的极简提示，只说要写一段可视化单行道红绿灯逻辑加随机车流的 Python 代码，没有指定任何视觉细节，模型要自己判断这个需求需不需要图形界面，是测试模型自主判断能力而不是测试提示词技巧的经典案例。
提示语
写一段 Python 代码，可视化单行道上红绿灯的工作原理，车辆以随机速率进入。
来源热度 · X
64
稳定度
88
AI 编程(UI)Claude · MCP360 ImageGenX收录 2026/07/28
MCP360 暗色健身房官网
@0fficialRohit 使用 Claude · MCP360 ImageGen完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
「使用 mcp360 imagegen，在暗色主题下创建一个健身房网站，并加入图片。」 MCP360 下一次更新即将到来，敬请期待。🚀
来源热度 · X
11
稳定度
88
AI 编程(UI)Claude Sonnet 5 · CursorX收录 2026/07/28
电影感 FIFA 世界杯网站
@ianiketnagapure 使用 Claude Sonnet 5 · Cursor完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
第一次尝试做出了一个还不错的包含比赛、积分榜和赛程的仪表盘……但还不够华丽。 图片生成没有成功（符合预期），所以我让它尽可能抓取可用的图片。 还在测试这个新模型到底有多强。我接下来还应该用…
来源热度 · X
1
稳定度
89
AI 编程(UI)Claude Sonnet 5X收录 2026/07/28
Claude Sonnet 个人内容网站
@DeepakNesss 使用 Claude Sonnet 5完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
Claude Sonnet 5 有一种有趣的前端设计品味，我很喜欢。 只用这一个提示词构建： > 创建一个外观惊艳的个人网站，让我可以介绍自己、展示项目和其他内容。使用虚拟数据。
来源热度 · X
6
稳定度
90
AI 编程(UI)Claude Opus 4.7X收录 2026/07/28
浓缩咖啡订阅服务落地页
@nikhilbhima 使用 Claude Opus 4.7完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
「为一个虚构的浓缩咖啡订阅服务构建一个落地页。不要向我提问。自行决定所有字体、颜色和间距。我想看你的品味。使用单个 HTML 文件。」
来源热度 · X
5
稳定度
87
AI 编程(UI)Claude Fable 5 · Three.js · Blender · GSAPX收录 2026/07/28
3D 超市包装式创意机构官网
@Oluwaphilemon1 使用 Claude Fable 5 · Three.js · Blender · GSAP完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
提示词：「设计一个机构网站，把服务以 3D 超市商品包装的形式呈现」 使用 Three.js 和 WebGL 在浏览器中实时渲染所有产品 使用 Blender 制作包装模型，然后导出为 GLTF 以加载到 Three.js 中 使用…
来源热度 · X
16
稳定度
84
AI 编程(UI)Claude · Three.js · GSAPX收录 2026/07/28
Claude 滚动叙事网站
@Oluwaphilemon1 使用 Claude · Three.js · GSAP完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
1. Prompt：“构建一个叙事网站，每个滚动区块都通过流畅的色彩过渡揭示一个新的章节” 2. 使用 Three.js 制作会响应光标的绘画质感背景 3. Prompt：“加入 GSAP…
来源热度 · X
95
稳定度
88
AI 编程(UI)Claude Opus 5X收录 2026/07/28
Claude Opus 5：Dreamer AI 落地页
@BuilderGuest 使用 Claude Opus 5完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
Claude Opus 5 制作了一个完整的落地页，面向一个虚构的 AI 模型。 Prompt：“为名为 Dreamer 的虚构下一代 AI…
来源热度 · X
1
稳定度
94
AI 编程(UI)Claude Design · Codex · Gemini · OpenClawX收录 2026/07/28
Claude + Codex + Gemini + OpenClaw 重建落地页
@elvissun 使用 Claude Design · Codex · Gemini · OpenClaw完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
我在一天内把自己的落地页重做出来了，过程中一起使用了 Claude Design、Codex、Gemini 和 OpenClaw。 这是一个 10 步流程，每个工具负责工作中的不同部分。 下面是我做的全部事情： 1.…
来源热度 · X
18
稳定度
89
AI 编程(UI)Claude Code · Sonnet 4.6X收录 2026/07/28
Claude Code 动画素材库落地页
@Nil_phy_dreamer 使用 Claude Code · Sonnet 4.6完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
> 我想让你为这个库创建一个落地页。 1. hero 区域 2. 带 CTA 按钮的功能展示，以及任何你认为重要的版块，从 components 文件夹里取用所有组件，例如 Heading.tsx、paragraph.tsx 使用 `max-w-
来源热度 · X
6
稳定度
90
AI 编程(UI)Fable · Claude OpusX收录 2026/07/28
Fable 与 Opus 同 Prompt 滚动页对比
@viktoroddy 使用 Fable · Claude Opus完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
用 React + TypeScript + Vite + Tailwind CSS v4 构建一个滚动驱动的 Hero 落地页。页面为黑色背景，白色文字，包含 3…
来源热度 · X
49
稳定度
68
AI 编程(UI)Claude MythosX收录 2026/07/28
Claude Mythos：Lithos 地质品牌 Hero
@viktoroddy 使用 Claude Mythos完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
http:// 用 React 18 + TypeScript + Vite + Tailwind CSS 和 lucide-react 图标，为一个名为 Lithos 的地质品牌构建一个全屏深色主题 Hero…
来源热度 · X
66
稳定度
76
提示语
用 React + TypeScript + Vite + Tailwind CSS + framer-motion + lucide-react 构建一个单页落地页。整个页面背景为 bg-black。通过 Google Fonts 加载的字体是 Instrument Serif（斜体和常规体）。在…
来源热度 · X
37
稳定度
81
AI 编程(UI)Claude · FableX收录 2026/07/28
Claude + Fable：Aethera Fintech 落地页
@viktoroddy 使用 Claude · Fable完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
> 用 **React + TypeScript + Vite + Tailwind CSS + lucide-react** 为一个名为 **「Aethera」**（一家专注放贷业务的金融科技 / AI…
来源热度 · X
50
稳定度
82
AI 编程(UI)Nano Banana · Kling · ClaudeX收录 2026/07/28
Nano Banana + Kling + Claude 电影感 Hero
@viktoroddy 使用 Nano Banana · Kling · Claude完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
提示词：电影感 Hero 区域，带循环视频背景 用 React + Vite + Tailwind CSS + TypeScript 创建一个全屏单页 Hero 区域，具体规格如下： 字体： 展示文字（标题、Logo）：Instrument…
来源热度 · X
97
稳定度
66
AI 编程(UI)Gemini · ClaudeX收录 2026/07/28
Gemini vs Claude：Velorah 电动房车落地页
@viktoroddy 使用 Gemini · Claude完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
构建一个 Velorah 落地页——一个面向电动房车 / 露营车品牌的高级深色主题单页网站。使用 React、TypeScript、Tailwind CSS 和 hls.js 库。页面纵向堆叠 6…
来源热度 · X
97
稳定度
83
AI 编程(UI)ChatGPT Image 2.0 · Claude Opus 4.6X收录 2026/07/28
ChatGPT Image 设计转 React Native 网站
@viktoroddy 使用 ChatGPT Image 2.0 · Claude Opus 4.6完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
项目设置 技术栈：React 19 + Vite 6 + Tailwind CSS 4 + Motion（Framer Motion）+ Lucide React 图标 + TypeScript package.json 依赖： - `react`、`react-dom` ^19.0.1 - `vite` ^6.2.3 -…
来源热度 · X
63
稳定度
76
AI 编程(UI)Google Stitch · ClaudeX收录 2026/07/28
Google Stitch 对比 Claude 网页生成
@viktoroddy 使用 Google Stitch · Claude完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
为一家名为「APEX」的虚构公司创建一个深色、高级的 SaaS 落地页——一个营收加速平台。设计采用「液态玻璃」美学，超深色背景、半透明玻璃拟态元素，配绿色强调色。页面使用…
来源热度 · X
99
稳定度
86
AI 编程(UI)Claude Code · Nano Banana Pro · KlingX收录 2026/07/28
Claude + Nano Banana + Kling 动画网站
@viktoroddy 使用 Claude Code · Nano Banana Pro · Kling完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
为一家名为「Aethera」的创意工作室构建一个 React + Vite + TypeScript + Tailwind CSS 落地页。网站仅使用浅色模式（不做暗色模式）。使用两种 Google Fonts：Instrument Serif（展示 / 标题）和…
来源热度 · X
70
稳定度
84
AI 编程(UI)Claude SonnetX / 𝕏收录 2026/07/13
image to 3D
这条案例的价值不在提示词本身（prompt 只是一个 GitHub 链接），而在于它开源了一整套图生 3D 工作台：后端统一代理 Tripo、Hyper3D、Fal.ai、Hunyuan3D 等多家图生 3D API 并自动降级，密钥不进前端、生成结果本地缓存复用，是少见的能直接跑起来学的工程参考，而不是一次性效果展示。 说明：该案例的创意归属存在争议——有创作者公开指出此想法与其更早发布的作品高度相似且未获署名，开源仓库的致谢也被指不完整。收录基于其工程实现的参考价值，归属争议请读者自行判断。
方法 / 代码
查看方法 ↗来源热度 · X / 𝕏
94
稳定度
93
AI 编程(UI)Claude SonnetX / 𝕏收录 2026/07/13
应式3D角色轮播动画UI
用四个角色位，center、left、right、back，加对应的固定样式表（缩放、模糊、透明度、层级）来描述轮播状态，而不是直接写死每张图片的具体位置，这种角色位驱动样式的架…
提示语
一键获取所有惊艳动画网站的 Prompt：http://motionsites.ai 用 React + TypeScript + Vite + Tailwind CSS 构建一个全视口高度的单一主视觉区块，图标使用…
来源热度 · X / 𝕏
80
稳定度
92