@shushant_l 使用 AI Website Builder完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
查看原始来源 ↗Prompt
下面介绍如何用 AI 创建 Netflix 风格的个人作品集网站。 使用这个 Prompt:设计一个受 Netflix 视觉语言启发、但重新想象为未来感 3D 美学的电影感个人作品集网站。使用暗色高级界面,加入沉浸式纵深、玻璃拟态、悬浮 3D 卡片、动态灯光、平滑视差滚动、动画渐变、全息效果和极其高级的微交互。首页应包含一个巨大的 Hero 区域,用醒目的个人品牌宣言开场;之后采用 Netflix 风格的横向内容行,以互动 3D 瓷片展示项目、案例研究、技能、成就、评价和职业里程碑,并在悬停或点击时展开为丰富的全屏体验。加入电影感转场、AI 风格视觉、细微动态图形、真实阴影、发光强调和引人注目的字体。让每个区块都高度吸引人、适合传播、抓人眼球,并以最大化 wow 效果为目标,同时保持优秀的可用性、响应式能力和精致的现代奢华美学,适合顶级创作者、创业者或科技专业人士。参考附件中的 Netflix 网站图片获取设计灵感。 在 Prompt 中加入你的信息,以生成针对你本人定制的作品集。 我用 Replit 创建了这个网站,但你也可以使用其他 AI 网站构建器、AI 模型或 LLM。
复用方法
关键决定
关键决定:把个人履历拆成 Netflix 式横向内容行,并让项目、案例、技能、成就、评价和职业节点都以可展开的 3D tile 进入全屏体验;暗色奢华、玻璃、灯光和视差共同服务于浏览节奏。
换到你的题材
换到你的题材:可以替换个人身份、项目类型、案例内容、技能与履历信息,也可换成自己的视觉参考;骨架是大号个人 Hero、横向内容行、可展开项目卡、全屏详情和响应式移动布局,不能只做一张静态海报。
容易翻车
容易翻车:3D 卡片、悬停展开、视差和动态渐变在移动端没有 hover,且容易造成性能和可用性问题;复测时先用触摸设备打开每一行,确认项目能被点击进入详情,再检查阴影、发光和动效没有压住文字。
建议模型
Derived Skill
Skill 只从多个已发布 Case 的重复模式中派生,不是另一套投稿内容。

创作者
shushant_l 长期扎根X,交付可运行的界面,《Neo Brutalism 个人作品集》配了完整实现思路。
继续探索
@shushant_l 使用 AI Website Builder完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
下面介绍如何用 AI 以极简设计风格创建你的网站。 使用这条提示:为一位数字创作者和 AI 顾问设计一个现代极简作品集网站。采用干净的黑、白和中性色调,不使用渐变、玻璃拟态或过度的视觉效果。注重简洁、留白、强有力的排版、清晰的层级和快速加载性能。加入首屏介绍与行动号召、关于版块、精选项目作品集、服务版块、客户评价、博客/文章预览、技能与工具展示、客户 Logo、联系表单和页脚。加入细微动效、平滑滚动、优雅的卡片布局、移动端优先的响应式设计,以及对 SEO 友好的结构。整体美
@AbhinavGirdhar 使用 AI Website Builder完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
👗 几分钟创建一个漂亮的网站!👗 不再为繁琐的网站创建过程烦恼。只需使用这个 Prompt: "设计一个让每位新娘都梦想拥有的婚纱购物网站,提供精选婚纱、详细照片、虚拟试穿选项、安全结账,以及帮助用户找到完美合身婚纱的专业建议。" 💍 在这里查看在线网站: 💍 📲 准备好设计你自己的网站了吗?去评论区获取 AI 网站构建器的链接! #PromptShare #AICommunity #AIWebsiteBuilder #AppyPieCollab #AI
@thetripathi58 使用 AI Website Builder完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
它的工作方式如下: 1. 只需描述网站即可创建。 AI 编辑器会把你的文字变成专业网站——无需编码。 只需输入,它就会构建。 提示词:「为我的摄影工作室创建一个网站,包含画廊、价格、评价和预约表单。」