GoodCase.aiAI 动态 · Radar↗图谱 · AI Map↗课程 · LearnPrompt↗
出品GoodCase.aiAI News Radar ↗AI Map ↗LearnPrompt ↗
GoodCase.aiGoodCase.aiAI提示语案例合集
GoodCase.ai
排行榜案例Skills收藏投稿早报加入我们
中文EN
Agent 接入 →

出品

AI 动态 · Radar ↗图谱 · AI Map ↗课程 · LearnPrompt ↗
GoodCase.aiGoodCase.aiAI提示语案例合集
排行榜案例Skills收藏投稿早报加入我们
中文EN
Agent 接入 →

加载中…

GoodCase.ai · AI提示语案例合集
DSH 插件榜更新日志反馈
模型创作者Seedance 2.5Seedance 2.0GPT Image 2GeminiNano Banana ProClaudeClaude Opus 5.5Grok ImagineVeoKling 可灵Qwen ImageGPT Image 1.5MiniMax H3
← 全部 Skills

GoodCase 官方 Skill · 跨作者通用方法

产品与电商转化页

把商品或 SaaS 的选择、信任和购买路径压缩成清晰的转化界面。

27 Cases · 19 位作者 · AI 编程(UI) · 最近例证 2026/09/06

Lovable 邮件签名生成器
基于 React 的高端瑞士风格着陆页生成器
高密度 3D 浏览器森林生成器

已验证 · 可安装 Agent Skill

SKILL.md + .skill

把这套方法装进你的 Agent。

npx skills add LearnPrompt/goodcase-lite --skill product-commerce-conversion-page --global --copy --yes --full-depth
下载 .skill ↓查看源码 ↗

安装合约

  • ✓ 标准 SKILL.md frontmatter
  • ✓ 输入、流程、输出、验收、安全边界
  • ✓ 内置 Case 证据与作者署名
  • ✓ 已通过 skill-creator 校验与打包
  • ✓ 已于 2026-10-11 通过 `npx skills add` 真实安装验收

方法骨架

  1. 01首屏明确产品与适用人群
  2. 02提前解决价格、信任和选择阻力
  3. 03用清晰 CTA 完成购买或注册

为什么形成 Skill

19 位作者的 27 个已发布 Case 出现同一类明确结果,达到跨作者复用门槛。

Case 证据

先看作品,再判断这套方法值不值得学。

展示 12 / 27
高密度 3D 浏览器森林生成器
AI 编程(UI)X收录 2026/09/12

高密度 3D 浏览器森林生成器

一个复杂的提示词,用于利用 Three.js 风格优化和逼真光照,在浏览器中生成精细的实时 3D 森林环境。

Skill · 产品与电商转化页

提示语

首先搜索 "/unlazy" skill,完整阅读它,并在整个任务中持续使用。 将此视为一项至少持续 {argument name="minimum duration" default="5 小时"} 的大型视觉构建。如果环境允许,最好进行 {argument name="optimal duration" default="8–24 小时"} 有实质意义的实现和迭代。不要在制作出一个还不错的场景后就停下。 在浏览器中创建一个细节极其丰富的实时 {argument nam

来源热度 · X
74
稳定度
52
查看 Case →
Digitwist AI 构建器
AI 编程(UI)MotionSites收录 2026/08/19

Digitwist AI 构建器

AI 建站工具的暗色 hero,依赖精确到 motion 的版本号,动画库的具体用法是核心看点。

Skill · 产品与电商转化页

提示语

为 AI 网站构建器创建一个深色模式 Hero 区块,严格遵循以下规格: ## 技术设置 ### 必需的软件包 安装以下软件包: - `motion`(版本 12.23.24 或更高)——用于动画 - `hls.js`(版本 1.6.15 或更高)——用于视频流播放 - `lucide-react`(版本 0.487.0 或更高)——用于图标 ### 字体 导入以下 Google Fonts: ```css @import url('https://fonts.goog

来源热度 · MotionSites
—
稳定度
88
查看 Case →
CodeNest 编程平台
AI 编程(UI)MotionSites收录 2026/08/19

CodeNest 编程平台

暗色编程教育平台 hero,规格逐条编号写死,从背景布局到响应式断点不留发挥空间,适合学怎么把设计稿翻译成可执行规格。

Skill · 产品与电商转化页

提示语

使用 React 和 Tailwind CSS,为名为“CodeNest”的编程教育平台创建一个高端深色主题的 hero section。设计必须响应式,并严格遵循以下规范: 1. 背景与布局: 背景:使用以下 HLS stream 实现全屏背景视频:https://stream.mux.com/tLkHO1qZoaaQOUeVWo8hEBeGQfySP02EPS02BmnNFyXys.m3u8。使用 hls.js,并设置 enableWorker: false,以确保在

来源热度 · MotionSites
—
稳定度
79
查看 Case →
订阅制创意机构
AI 编程(UI)MotionSites收录 2026/08/13

订阅制创意机构

订阅制创意机构 Alwayzz 的落地 hero,React + Vite,样式刻意用自定义 CSS,避开 Tailwind 工具类。

Skill · 产品与电商转化页

提示语

**使用 React + Vite + Tailwind CSS,为名为 "Alwayzz" 的创意机构创建一个单页落地页 hero section。所有样式均使用自定义 CSS(不要使用 Tailwind utilities)。设计应简约、干净、采用黑白配色,并始终使用紧凑的负字间距。** --- ### 字体(通过 index.html 中的 Google Fonts 加载) ``` Inter: weights 400, 500, 600, 700 Source

来源热度 · MotionSites
—
稳定度
83
查看 Case →
SaaS 软件
AI 编程(UI)MotionSites收录 2026/08/13

SaaS 软件

PR 机构 SaaS Convix 的全响应式 hero,页面框架从外层 wrapper 的类名写起,浅色底。

Skill · 产品与电商转化页

提示语

为一家名为 "Convix Software" 的公关代理机构 SaaS 构建一个完全响应式、占满整个视口的 hero section,严格遵循以下规格: 页面框架 外层 wrapper:min-h-screen w-full bg-[#ededed] p-3 sm:p-4,font-family Inter Hero container(裁剪内部所有内容):relative w-full h-[calc(100vh-24px)] sm:h-[calc(100vh-32px

来源热度 · MotionSites
—
稳定度
93
查看 Case →
基于 React 的高端瑞士风格着陆页生成器
AI 编程(UI)X收录 2026/08/12

基于 React 的高端瑞士风格着陆页生成器

一个英文提示片段,指示 Gemini 实现一个高端瑞士现代风格的着陆页,作为单个文件 React 组件,遵循严格的规范并使用瑞士现代和 Bento 布局概念。

Skill · 产品与电商转化页

提示语

{argument name="generator_name" default="High-End LP Generator (Swiss Style)"} 後述する【Input Text】を元に、以下の仕様を厳守して最高品質のLPをReact(Single File)で実装してください。 1. Design Concept: {argument name="design_concept" default="Swiss Modern & Bento"} Style: {

来源热度 · X
83
稳定度
83
查看 Case →
极简 AI 顾问个人作品集
AI 编程(UI)X收录 2026/07/28

极简 AI 顾问个人作品集

@shushant_l 使用 AI Website Builder完成的网页案例,包含公开结果、完整 Prompt 与原始来源。

Skill · 产品与电商转化页

提示语

下面介绍如何用 AI 以极简设计风格创建你的网站。 使用这条提示:为一位数字创作者和 AI 顾问设计一个现代极简作品集网站。采用干净的黑、白和中性色调,不使用渐变、玻璃拟态或过度的视觉效果。注重简洁、留白、强有力的排版、清晰的层级和快速加载性能。加入首屏介绍与行动号召、关于版块、精选项目作品集、服务版块、客户评价、博客/文章预览、技能与工具展示、客户 Logo、联系表单和页脚。加入细微动效、平滑滚动、优雅的卡片布局、移动端优先的响应式设计,以及对 SEO 友好的结构。整体美

来源热度 · X
8
稳定度
89
查看 Case →
3D 发票打印机 SaaS 组件
AI 编程(UI)X收录 2026/07/28

3D 发票打印机 SaaS 组件

@uxsweta 使用 AI UI Builder完成的网页案例,包含公开结果、完整 Prompt 与原始来源。

Skill · 产品与电商转化页

提示语

有几个人询问提示词,所以放在这里 👇 附言:根据你的使用场景进行调整。 创建一个现代、极简的 3D 发票生成器机器组件,采用高级 SaaS 风格美学。 视觉设计 - 设计一台宽幅横向的发票打印机,灵感来自小票打印机,但外观未来感十足且干净利落。 - 使用细微的灰色线条、柔和阴影和极少细节。 - 机器应显得高级、轻盈而现代,而不是写实或工业化。 - 保持整体设计足够干净,使其可以放入仪表盘或落地页的 Hero 区域。 - 直接在机器上添加一个醒目的 Print Inv

来源热度 · X
9
稳定度
86
查看 Case →
浓缩咖啡订阅服务落地页
AI 编程(UI)X收录 2026/07/28

浓缩咖啡订阅服务落地页

@nikhilbhima 使用 Claude Opus 4.7完成的网页案例,包含公开结果、完整 Prompt 与原始来源。

Skill · 产品与电商转化页

提示语

我的天!!这是 Claude Opus 4.7 一次生成的 🔥 我使用的确切单条提示词: 「为一个虚构的浓缩咖啡订阅服务构建一个落地页。不要向我提问。自行决定所有字体、颜色和间距。我想看你的品味。使用单个 HTML 文件。」

来源热度 · X
3
稳定度
87
查看 Case →
Kimi 足球装备电商网站
AI 编程(UI)X收录 2026/07/28

Kimi 足球装备电商网站

@CodeByPoonam 使用 Kimi Agent完成的网页案例,包含公开结果、完整 Prompt 与原始来源。

Skill · 产品与电商转化页

提示语

Kimi Agent——一条提示词生成网站 完整可运行的网站,带动效和后端。 没有模板。没有模型稿。 只要描述你想要的东西,看着它把网站构建出来。 提示词:「为一个足球配件品牌设计一个现代、高性能的电子商务网站。风格:电影感体育美学与高级街头服饰品牌相结合。使用暗色主题,搭配霓虹绿 / 电光蓝强调色、细微渐变和粗体排版。灵感来自 Nike Football、Adidas 和 Champions League 的视觉。」

来源热度 · X
5
稳定度
88
查看 Case →
AI 摄影工作室预约网站
AI 编程(UI)X收录 2026/07/28

AI 摄影工作室预约网站

@thetripathi58 使用 AI Website Builder完成的网页案例,包含公开结果、完整 Prompt 与原始来源。

Skill · 产品与电商转化页

提示语

它的工作方式如下: 1. 只需描述网站即可创建。 AI 编辑器会把你的文字变成专业网站——无需编码。 只需输入,它就会构建。 提示词:「为我的摄影工作室创建一个网站,包含画廊、价格、评价和预约表单。」

来源热度 · X
4
稳定度
90
查看 Case →
MiniMax ZARA Cafe 电商网站
AI 编程(UI)X收录 2026/07/28

MiniMax ZARA Cafe 电商网站

@HeyZaraKhan 使用 MiniMax M3完成的网页案例,包含公开结果、完整 Prompt 与原始来源。

Skill · 产品与电商转化页

提示语

这比 Claude Design 好多了! 我测试了 MiniMax M3,想看看它实际的编码能力有多强。 我给它一条提示词,让它为我的咖啡馆构建一个高级网站: 提示词: 「为我的咖啡店品牌 ZARA Cafe 创建一个现代、高级、高转化的电子商务网站。」 它生成的结果真的让我震惊: → 高级咖啡店品牌塑造 → 移动端优先设计 → 以转化为导向的布局 → 流畅的用户体验 这是它生成的网站 👇

来源热度 · X
7
稳定度
84
查看 Case →

作者实践

创作者版本

同一通用方法下的作者实践,包括尚未在目录上架的版本。

暂无创作者版本。

作者证据

方法归纳出来,作者署名仍然留在证据上。

5 Casesshushant_l查看作者 →4 CasesMotionSites查看作者 →2 Casesalbysjourney查看作者 →1 CasesAbhinavGirdhar查看作者 →1 Casesaigoldrushh查看作者 →1 CasesAIwithArsalan查看作者 →1 CasesAv1dlive查看作者 →1 CasesCodeByPoonam查看作者 →1 Casesfelixhhaas查看作者 →1 CasesHeyZaraKhan查看作者 →1 CasesLexnLin查看作者 →1 Casesmasahirochaen查看作者 →

Skill 是派生阅读层,所有判断都必须能回到已发布 Case。