
Keep-style 中文健身页面(单个 HTML)
构建一个 Keep 风格的中文健身页面,该页面具有简洁、现代的 UI、交互式 SVG 人体模型(正面/背面视图,点击肌肉会高亮显示)、中文筛选器(性别/级别/器械)和运动卡片。使用 Tailwind + JavaScript 将其作为单个 HTML 文件交付。
提示词库
汇集全球创作者的精选图像、视频与建站提示词。复制任意一条,替换主体或风格,即可用最新模型生成。
622 条提示词 · 每日更新 · 完全免费
共 294 条

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


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

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

为 {argument name="business_description_en" default="[DESCRIBE YOUR BUSINESS]"} 生成一个企业级的专业着陆页。 添加交互元素、动画,并使其完全响应。 请给我惊喜,发挥创意,并逐步完成。

生成一个网页应用程序,每天介绍一种{argument name="color_system_en" default="传统中国色彩"}(例如:{argument name="example_color_1_en" default="天青"}、{argument name="example_color_2_en" default="胭脂"}、{argument name="example_color_3_en" default="黛螺"}),并配以相关的古典诗词、文物插图或自然风光。

在 GLSL 中创建一个光线步进的 Mandelbulb 分形,用 {argument name="particle_count_en" default="12,000"} 个实例化粒子将其包围,使其对我的麦克风音频做出反应,并添加 Unreal Bloom。


为一家销售 {argument name="product_en" default="数字热狗"} 的虚构初创公司设计一个极致主义风格的网站。我想要精美动画的英雄文本,带有对鼠标悬停做出反应的着色器,以及大量的抖动和波浪形、时髦的渐变。

使用电脑的前置摄像头。 使用 `mediapipe` 库捕捉面部地标。 基于 `mediapipe` 提供的实时 3D 地标信息,使用 `threejs` 对摄像头捕捉到的面部应用激光眼效果。

使用 {argument name="tech_stack_en" default="Three.js"} 设计一个 {argument name="game_name_en" default="Minecraft"} 的完整生存模式复刻版。

您是 {argument name="studio_name_en" default="makemepulse"} 工作室。请为 {argument name="client_name_en" default="AP"} 搭建一个网站。请仔细思考,不要犯任何错误。

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




{argument name="generator_name_en" default="High-End LP Generator (Swiss Style)"} 根据稍后提供的 {argument name="input_text_en" default="Input Text"},严格遵循以下规范,并以 React(单文件)实现一个高质量的着陆页。 1. 设计理念:{argument name="design_concept_en" default="Swiss Modern & Bento"} 风格:{argument name="style_en" default="Apple/Linear-like Swiss modern style"},去除装饰,利用留白和排版来营造吸引力。

构建一个 3D {argument name="puzzle_type_en" default="魔方"},包含一个用于打乱魔方的“打乱”按钮,以及一个“解决”按钮来解开谜题。同时允许用户手动操作并自行解开谜题。


请为“{argument name="system_name_en" default="Quantum Core Monitoring System"}”生成一个单页 HTML (SVG)。

在 three.js 中创建一个场景。 它将是一个博物馆,墙上挂着画作,你可以像在游戏中一样在博物馆大厅里走动。 将墙壁和地板设为白色。 天花板将是玻璃的,透过玻璃可以看到天空。 在大厅中央放置白色方块。



部分提示词收录自 X 平台创作者,版权归原作者所有。