@shushant_l 使用 AI Website Builder完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
查看原始来源 ↗Prompt
下面是使用 AI 创建 Neo Brutalism 风格作品集网站的方法。 使用以下 Prompt:为一位虚构的创意专业人士制作现代 Neo Brutalism 作品集网站,采用大胆高对比设计、纯色、粗黑边框、锐利几何布局、超大字号、俏皮 UI 元素、细微微交互和清晰网格系统。包含 Hero、About、Skills、Services、Featured Projects、Testimonials、Blog 和 Contact 区块。使用扁平色彩,绝对不要渐变、玻璃拟态、阴影或拟物效果。设计应显得有创意、前卫、年轻且高度难忘,同时保持出色可用性、响应式移动优先布局、流畅动画、快速加载性能和专业的作品集呈现。全站使用大按钮、强视觉层级、充裕间距和现代无障碍标准。 注意:使用时需要根据你的用途定制 Prompt。 这是我用 Replit 构建的,你也可以用它来构建自己的版本;当然也可以使用其他 AI 模型、LLM 或 AI 网站构建工具。
复用方法
关键决定
关键决定是把 Neo Brutalism 落到纯色、粗黑边框、锐利几何布局和超大字号这些可直接实现的规则上,并把 Hero 到 Contact 的八个作品集区块一次点全;这样风格和信息架构同时被锁住。
换到你的题材
可替换的是创意职业、项目内容、服务、评价和 Blog 文案;不能动的骨架是纯色无阴影无玻璃拟态、粗边框网格、移动优先响应式布局,以及 Hero、About、Skills、Services、项目、评价、Blog、Contact 的顺序。换职业时应重写每个区块的证据,不要只改标题。
容易翻车
复测先看纯色和粗黑边框是否贯穿所有区块,再检查移动端大字号、大按钮和网格有没有溢出。模型最容易偷偷加渐变、阴影、玻璃卡片或把俏皮微交互做成干扰点击的弹跳效果,这些都会削弱 Neo Brutalism 的可用性。
建议模型
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 编辑器会把你的文字变成专业网站——无需编码。 只需输入,它就会构建。 提示词:「为我的摄影工作室创建一个网站,包含画廊、价格、评价和预约表单。」