@shushant_l 使用 AI Website Builder完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
查看原始来源 ↗Prompt
下面是使用 Neumorphism 风格创建个人作品集网站的方法。 使用以下 Prompt:制作一个高端未来感作品集网站,采用干净的 Neumorphism UI,包含柔和凸起表面、细微深度、真实阴影、圆角组件,以及完全不使用渐变的单色调色板。只使用白色、米白、浅灰、炭灰和黑色的精致组合。加入流畅的 3D 元素,例如悬浮卡片、可交互几何对象、分层面板、基于深度的悬停效果和动画图标。全程加入流畅微交互、滚动触发动画、视差移动、页面转场、加载动画和沉浸式动效设计。页面结构包含 Hero、About、Skills 展示、项目画廊、Testimonials、经历时间线、Blog 预览和 Contact 区块。优先保证极简审美、强排版、宽松布局、无玻璃表面、高端产品设计灵感、优秀响应性和注重性能的现代 UX,让体验显得创新、优雅、可交互且具有视觉冲击力。 注意:根据你的用途定制此 Prompt。 这是我用 Replit 构建的,你也可以用 Replit;当然也可以使用其他 AI 模型、LLM 或 AI 工具。
复用方法
关键决定
关键决定是把 Neumorphism 的辨识度建立在凸起表面、真实阴影、圆角和白灰黑单色系统上,同时明确写出悬浮卡片、几何对象、深度悬停和视差等运动载体;材质和交互因此指向同一套产品 UI。
换到你的题材
可替换的是个人职业、项目、经历、几何对象和卡片内容;不能动的骨架是无渐变的单色配色、柔和凸起表面、圆角加阴影、分层深度、滚动与页面转场,以及八个作品集区块。换题材时要把每个 3D 对象改成该职业能展示的真实证据。
容易翻车
复测先看阴影是否同时表达凸起和凹陷的层次,再看灰白背景上的文字和控件对比度。最容易翻车的是阴影太重变成浮雕、加入玻璃拟态或渐变,或者动效和视差过多导致移动端卡顿与交互目标不清。
建议模型
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 编辑器会把你的文字变成专业网站——无需编码。 只需输入,它就会构建。 提示词:「为我的摄影工作室创建一个网站,包含画廊、价格、评价和预约表单。」