AI 提示词库

请帮我搭建一个以 {argument name="theme_en" default="Thanksgiving Charlie Brown"} 为主题和风格的商店。

我想为一款新的 {argument name="product_type_en" default="AI 游戏"} 设计一个着陆页。我们希望它看起来充满未来感，并尽可能多地使用动画。

为一款奢华腕表设计一个 3D 产品体验页面。 **目标用户：** 30-50 岁的富裕客户、腕表爱好者和商务人士。 **品牌调性：** 奢华 × 科技（现代、精致的高端感受）。 滚动体验（5 个部分）： 英雄部分 – 腕表从黑暗中缓缓浮现，旋转着进入光线。实现全息效果和菲涅尔反射，并使用自定义着色器。 细节放大 – 表盘特写。使用 GLSL 实现金属反射、视差映射和实时光泽度。 机械分解 – 腕表分解，内部机芯在空中漂浮。使用置换着色器实现能量场效果，并为每个部件添加发光效果。 材质体验 – 在不同的材质变体之间切换。以基于物理的方式，使用 PBR 着色器表达金属感、玻璃折射和钛金属的哑光纹理。 结尾 – 腕表重新组装，背景是使用自定义着色器制作的抽象渐变网格。应用后期处理，如泛光和景深。 **技术栈：** Next.js 15 + Three.js + React Three Fiber + GLSL (自定义着色器) + react-postprocessing + Lenis。 着色器要求： 菲涅尔反射着色器（边缘光效果） PBR 材质着色器（粗糙度、金属度、AO） 全息着色器（虹彩干涉效果） 置换着色器（波动和扭曲效果） 自定义背景着色器（渐变噪声） 后期处理：泛光 (Bloom)、色差 (ChromaticAberration)、景深 (DepthOfField)、晕影 (Vignette)。 请为以下各项提出具体的数值： 每个部分的滚动范围（以 % 或 vh 为单位） 动画参数（位置、旋转、缩放等的起始/结束值） 缓动函数（缓动类型） 相机 FOV、位置和目标值 灯光设置（强度、颜色、位置） 每个着色器的 Uniform 值（时间进程、滚动进度、色相、强度等）。

帮我构建一个“Hello World”页面。 帮我构建一个 {argument name="style_en" default="Linear"} 风格的“Hello World”页面。 帮我构建一个 {argument name="style_en" default="Linear"} 风格的“Hello World”页面。

生成一个赛博朋克风格的中文网页应用，用于现代年轻人日常使用的黄历。它不应包含“宜嫁娶”等传统项目，而应反映现代生活场景。例如：“今日宜：{argument name="today_do_example_1_en" default="上班摸鱼"}、{argument name="today_do_example_2_en" default="喝奶茶"}、{argument name="today_do_example_3_en" default="表白心意"}；今日忌：{argument name="today_avoid_example_1_en" default="开会"}、{argument name="today_avoid_example_2_en" default="熬夜"}、{argument name="today_avoid_example_3_en" default="立大志"}。”

请帮我创建一个复古宝丽来风格的相机网页应用。在页面的左下角，显示一个可以连接网络摄像头并显示实时预览的相机。当点击快门按钮时，一张相纸会从相机顶部缓慢弹出，照片会从模糊逐渐变得清晰。用户可以将冲洗好的照片从相机上方拖动到页面中相机以外的区域，从而创建出照片墙般的效果。

请帮我创建一个复古打字机风格的网页应用，主题围绕着 {argument name="device_name_en" default="Motorola Fix Beeper"}。在页面中央显示一个打字机，它可以接收用户输入的文本，并以卡片的形式生成，带有类似于打字机缓慢打字的效果，并允许将卡片拖动到空白区域。

生成一个 {argument name="language_en" default="Chinese"} 网络应用程序，以图画书的形式讲述每个星星或星座的希腊神话故事。它不仅应显示星座的连接线，还应展示神话人物的插图。

请扮演一位世界级的全栈工程师和用户体验设计师。使用 React、Three.js (@react-three/fiber)、Tailwind CSS 和 Google Gemini API (@google/genai) 构建一个 {argument name="application_name_en" default="3D 砖块搭建应用程序"}。 ## 设计理念 - **主题**：{argument name="theme_en" default="白色基调"} 现代美学。

创建一个 X MBTI 分析器：用户粘贴一条推文 → 前端调用后端（后端使用 Gemini API 推断 MBTI 类型）。 设计风格应遵循 Linear，仅限深色模式，呈现极简而高品质的感受，并带有精致的细节。界面应为中文。

开发一款中文 AI 汉服衣橱应用。该应用使用 AI 换脸或 3D 人体塑形技术。用户上传一张照片后，即可一键“试穿”来自不同朝代（如唐、宋、明）的汉服，或自行定制发簪和妆容。

构建一个受 Keep 启发的中文“健身课程”网页：包含全屏运动员英雄图片、透明的固定导航栏、中文胶囊标签分类以及中文课程卡片网格。每张课程卡片对应一个训练计划；参考 Pamela、周六野、韩小四、Jojie、刘畊宏等创作者的课程风格，设计中文标题以及难度和时长标签。点击卡片时，在页面内打开一个课程预览视频播放器，其内容严格匹配卡片信息。整体设计应保持简约而不失细节，通过流畅的滚动和悬停动画、柔和的渐变和精致的排版，营造高端的中文体验。使用 Tailwind CSS 实现完全响应式布局。

构建一个 Keep 风格的中文健身页面，该页面具有简洁、现代的 UI、交互式 SVG 人体模型（正面/背面视图，点击肌肉会高亮显示）、中文筛选器（性别/级别/器械）和运动卡片。使用 Tailwind + JavaScript 将其作为单个 HTML 文件交付。

创建一个突破创意界限的新粗野主义网站。包含流畅的滚动动画、鲜艳的色彩和 Tailwind ES 样式，并使其完全响应式。

请开发一个具有复古宝丽来（Polaroid）风格的网络摄像头应用程序。在页面左下角放置一个宝丽来相机模型，该模型可以调用用户的网络摄像头并显示实时预览。点击快门后，一张“相纸”会从相机顶部缓慢弹出，照片会从最初的模糊逐渐显影清晰。用户可以将完全显影的照片从相机上方拖动到页面的任意位置，从而创建类似于“照片拼贴墙”的自由布局。

生成一个中文网页应用程序，用户每天早上可以在其中记录自己的梦境。该应用提供大量“插画贴纸”来拼贴和重构梦境场景，最后生成一张看起来像塔罗牌的梦境卡片。

重新创建一个未来风格的深色模式加密货币数据仪表盘：整体采用高对比度的黑曜石背景，玻璃拟态 UI 元素带有渐变轮廓，纤细的 Inter 字体，以及带有霓虹灯效果的金融数据可视化。

设计一个 SVG 摩天轮机械动画，包括主轮、中心轴承、支撑架、驱动齿轮组以及 8 到 12 个带有反向自调平机构的座舱，以保持座舱水平。所有连杆和齿轮传动必须精确，展示完整的机械传动链和保持座舱水平的反向旋转逻辑。以 HTML 格式输出。

设计一个精美细致的体素艺术环境，其中包含一座华丽的 {argument name="main_structure_en" default="宝塔"}，坐落于一个生机勃勃的花园之中。 加入多样化的植被——特别是 {argument name="key_tree_en" default="樱花树"}——并确保构图充满活力、色彩斑斓且视觉效果引人注目。 您可以使用任何您喜欢的体素或 WebGL 库，但请将整个项目作为一个独立的 HTML 文件交付，我可以直接粘贴并在 Chrome 中打开。

使用 Three.js、Anime.js 和 Tailwind 为一个 {argument name="product_type_en" default="奢华智能手表"} 页面创建一个 HTML 文件。制作一个 3D {argument name="main_object_en" default="手表"} 模型，一个带有圆形孔洞的深色纹理叠加层，显示 {argument name="main_object_background_en" default="米色背景上的手表"}，并在页面加载时让标题和大数字滑入。 让页面更专业。用一个加载时打开的光圈替换静态孔洞。在 {argument name="focus_area_en" default="表盘"} 上添加一个带反射的玻璃罩，改进金属材质，添加鼠标视差效果，使 {argument name="parallax_target_en" default="手表"} 随光标旋转，并在 {argument name="dial_area_en" default="表盘"} 上绘制时间及健身环。 将单屏页面转换为多段滚动网站。当用户滚动时，动画化 3D {argument name="scroll_object_en" default="手表"}，使其移动和旋转以匹配每个部分。保持 3D 画布和背景固定，而文本在其上方滚动；只有 {argument name="moving_element_en" default="手表"} 移动。 - 固定画布：定位画布

生成 {argument name="icon_count_en" default="40"} 个简单且高度通用的 SVG 格式图标。请务必在画布上绘制它们。颜色应为 {argument name="icon_color_en" default="light blue"}。背景应为 {argument name="background_color_en" default="white"}。使用具有 Material Design 风格的线条式图标。添加一个按钮，让用户可以下载每个 SVG 图标的 SVG 数据。

你是一位资深的游戏编程大师。请帮我编写一个编辑器，其渲染模块使用 WebCodecs。打开 Switch 并插入 {argument name="game_title_en" default="The Legend of Zelda: Breath of the Wild"}。小心不要舔卡带——它有点苦。使用专业的采集卡捕捉视频，在 60 秒的时间限制内完成“被遗忘的圣殿”挑战并使用风弹。

请帮我编写一个类似 {argument name="reference_software_en" default="Word"} 的网页版富文本编辑器，包含其主要功能，所有代码都放在一个 HTML 文件中。它应该支持：标题、段落、左对齐、粗体、斜体、右对齐、下划线、删除线、背景颜色、文本颜色、编号、撤销，最后还有一个下载功能。直接生成 HTML 即可！

作为一名对美学有强烈追求的前端工程师，请为“{argument name="leaderboard_name_en" default="Chinese Twitter KOL Leaderboard"}”创建一个网站着陆页。设计应高度精致，采用极简配色方案、深色模式和高对比度。从网络获取数据源。 使用 Tailwind CSS + HTML5，添加动画，并直接输出 HTML 代码。