已验证 · 可安装 Agent Skill
SKILL.md + .skill把这套方法装进你的 Agent。
npx skills add LearnPrompt/goodcase-lite --skill product-commerce-conversion-page --global --copy --yes --full-depth加载中…
Skill · 跨作者通用方法
把商品或 SaaS 的选择、信任和购买路径压缩成清晰的转化界面。
27 Cases · 19 位作者 · AI 编程(UI) · 最近例证 2026/09/06


已验证 · 可安装 Agent Skill
SKILL.md + .skillnpx skills add LearnPrompt/goodcase-lite --skill product-commerce-conversion-page --global --copy --yes --full-depth方法骨架
作者证据
Case 证据

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

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

提示语
使用 React 和 Tailwind CSS,为名为“CodeNest”的编程教育平台创建一个高端深色主题的 hero section。设计必须响应式,并严格遵循以下规范: 1. 背景与布局: 背景:使用以下 HLS stream 实现全屏背景视频:https://stream.mux.com/tLkHO1qZoaaQOUeVWo8hEBeGQfySP02EPS02BmnNFyXys.m3u8。使用 hls.js,并设置 enableWorker: false,以确保在
提示语
**使用 React + Vite + Tailwind CSS,为名为 "Alwayzz" 的创意机构创建一个单页落地页 hero section。所有样式均使用自定义 CSS(不要使用 Tailwind utilities)。设计应简约、干净、采用黑白配色,并始终使用紧凑的负字间距。** --- ### 字体(通过 index.html 中的 Google Fonts 加载) ``` Inter: weights 400, 500, 600, 700 Source

提示语
为一家名为 "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

一个英文提示片段,指示 Gemini 实现一个高端瑞士现代风格的着陆页,作为单个文件 React 组件,遵循严格的规范并使用瑞士现代和 Bento 布局概念。
提示语
{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: {
提示语
下面介绍如何用 AI 以极简设计风格创建你的网站。 使用这条提示:为一位数字创作者和 AI 顾问设计一个现代极简作品集网站。采用干净的黑、白和中性色调,不使用渐变、玻璃拟态或过度的视觉效果。注重简洁、留白、强有力的排版、清晰的层级和快速加载性能。加入首屏介绍与行动号召、关于版块、精选项目作品集、服务版块、客户评价、博客/文章预览、技能与工具展示、客户 Logo、联系表单和页脚。加入细微动效、平滑滚动、优雅的卡片布局、移动端优先的响应式设计,以及对 SEO 友好的结构。整体美
提示语
有几个人询问提示词,所以放在这里 👇 附言:根据你的使用场景进行调整。 创建一个现代、极简的 3D 发票生成器机器组件,采用高级 SaaS 风格美学。 视觉设计 - 设计一台宽幅横向的发票打印机,灵感来自小票打印机,但外观未来感十足且干净利落。 - 使用细微的灰色线条、柔和阴影和极少细节。 - 机器应显得高级、轻盈而现代,而不是写实或工业化。 - 保持整体设计足够干净,使其可以放入仪表盘或落地页的 Hero 区域。 - 直接在机器上添加一个醒目的 Print Inv
提示语
我的天!!这是 Claude Opus 4.7 一次生成的 🔥 我使用的确切单条提示词: 「为一个虚构的浓缩咖啡订阅服务构建一个落地页。不要向我提问。自行决定所有字体、颜色和间距。我想看你的品味。使用单个 HTML 文件。」
提示语
Kimi Agent——一条提示词生成网站 完整可运行的网站,带动效和后端。 没有模板。没有模型稿。 只要描述你想要的东西,看着它把网站构建出来。 提示词:「为一个足球配件品牌设计一个现代、高性能的电子商务网站。风格:电影感体育美学与高级街头服饰品牌相结合。使用暗色主题,搭配霓虹绿 / 电光蓝强调色、细微渐变和粗体排版。灵感来自 Nike Football、Adidas 和 Champions League 的视觉。」
提示语
它的工作方式如下: 1. 只需描述网站即可创建。 AI 编辑器会把你的文字变成专业网站——无需编码。 只需输入,它就会构建。 提示词:「为我的摄影工作室创建一个网站,包含画廊、价格、评价和预约表单。」
提示语
这比 Claude Design 好多了! 我测试了 MiniMax M3,想看看它实际的编码能力有多强。 我给它一条提示词,让它为我的咖啡馆构建一个高级网站: 提示词: 「为我的咖啡店品牌 ZARA Cafe 创建一个现代、高级、高转化的电子商务网站。」 它生成的结果真的让我震惊: → 高级咖啡店品牌塑造 → 移动端优先设计 → 以转化为导向的布局 → 流畅的用户体验 这是它生成的网站 👇