GoodCase.aiGoodCase.ai中文 AI Case 证据库
排行榜案例Skills创作者收藏投稿早报
中文EN
Agent 接入 →
GoodCase.ai · 中文 AI Case 证据库案例库加载中。
更新日志反馈
GoodCase.aiGoodCase.ai中文 AI Case 证据库
排行榜案例Skills创作者收藏投稿早报
中文EN
Agent 接入 →
AI 编程(UI)X2025-11-18证据 L1#youmind#Gemini 3 ProGemini 3 Pro

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

チ|创作者チャエン | デジライズ CEO《重要AIニュースを毎日最速で発信⚡️》 →

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

查看原始来源 ↗
原帖 ♥ 1.7k
基于 React 的高端瑞士风格着陆页生成器

Prompt

{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: {argument name="style" default="Apple/Linear-style Swiss modern"} that eliminates decoration and uses whitespace and typography to convey appeal.

复用方法

关键决定

观察最终结果里,页面信息层级、模块顺序和 CTA 是否一口气讲清楚 是否同时成立。

换到你的题材

把“目标结果 → 产品名称、目标用户、页面模块和主按钮 → 约束条件”抽成模板,后续可复用到同类任务。

容易翻车

围绕 模块顺序、价值主张写法与 CTA 位置 做单变量对照,并记录模型、成本和失败结果;重复成立后再沉淀为 Skill。

建议模型

Gemini 3 Pro
稳定度
成本
中

Derived Skill

这个 Case 可以学走的方法。

Skill 只从多个已发布 Case 的重复模式中派生,不是另一套投稿内容。

通用 Skill产品与电商转化页查看证据 →
チ|

创作者

チャエン | デジライズ CEO《重要AIニュースを毎日最速で発信⚡️》

チャエン | デジライズ CEO《重要AIニュースを毎日最速で発信⚡️》 在X输出 UI 工程化实践,《基于 React 的高端瑞士风格着陆页生成器》搭 Gemini 3 Pro 出方案,带可复现代码。

编辑精选AI 编程(UI)
查看创作者 →

继续探索

继续看相关 Case。

查看全部 AI 编程(UI) Case →
生成 40 个带下载按钮的简单 SVG 图标
AI 编程(UI)X2025/11/20KAWAI →

生成 40 个带下载按钮的简单 SVG 图标

一个日文提示,要求 Gemini 生成 40 个浅蓝色线条风格的简单、多功能 SVG 图标,并为每个图标提供下载按钮。

提示语

シンプルで汎用性が高いアイコン{argument name="icon_count" default="40"}種類をSVG形式で生成してください。必ずCanvasに描画がしてください。色は{argument name="icon_color" default="ライトブルー"}。背景は{argument name="background_color" de

来源热度
78
稳定度
查看 Case →
为客户 AP 打造的代理机构风格网站
AI 编程(UI)X2025/11/20arda →

为客户 AP 打造的代理机构风格网站

一个简单的指令式提示,告诉 Gemini 3 Pro 扮演 makemepulse 工作室的角色,为名为 AP 的客户构建一个网站,并注重精细的执行。

Skill · 个人作品集叙事Skill · 落地页信息结构

提示语

You are the studio {argument name="studio_name" default="makemepulse"}. Build me a website for {argument name="client_name" default="AP"}. Think carefully and make no mistakes.

来源热度
18
稳定度
查看 Case →
Gemini 模拟理论交互网站
AI 编程(UI)X@chetaslua →

Gemini 模拟理论交互网站

@chetaslua 使用 Gemini 3 Pro完成的网页案例,包含公开结果、完整 Prompt 与原始来源。

Skill · 3D / 动效 HeroSkill · 落地页信息结构

提示语

🚨 Gemini 3.0 pro - ecpt checkpoint Holy shit,我们的 Prompt 和想象力就是唯一的限制,去看看这个网站。 Prompt:编写一个关于模拟理论的神秘网站。让它感觉像现实正在实时渲染——实体物体下方出现线框网格,纹理逐步加载,元素短暂漂浮的物理故障。加入 Matrix 风格的代码雨背景,让各个区块在“已渲染”和“源代码”视图之间闪烁切换,并加入环境计算机处理声音;最后设计一个元叙事时刻,让网站承认自己正在被观看。把它设计成一位

来源热度
72
稳定度
查看 Case →
GoodCase.ai · 中文 AI Case 证据库Case 详情页把作品、方法、作者与复测证据放在同一条阅读路径里。
更新日志反馈