创作者nummanali →@nummanali 使用 GLM 4.7完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
查看原始来源 ↗Prompt
非常令人印象深刻的 @Zai_org GLM 4.7 网站设计 提示词一： 我想让你真正展示出你的能力 这是我第一次使用你，所以我想了解你的能力，以及你能为我展示什么，尤其是从视觉设计角度来说 你可以使用技能，请先运行这些 - 「openskills read zai-cli」 - 「openskills read dev-browser」 提示词二： 我觉得你可以做得比那更好。周围可以打磨得更精致一些。那看起来只是想炫技，实际效果并不太好。请进行深度思考。 最终提示词： 你觉得还可以做哪些改进？增加更多页面，让它更酷。让它更独特，有趣一些。 编码支架设置： 使用 Z AI 后端的 Claude Code Z AI CLI 工具 Dev Browser（@sawyerhood）
复用方法
关键决定
关键决定是不一次性把设计要求写全，而是先用第一条提示让模型自主展示能力并调用 zai-cli、dev-browser 两个技能，把选择权交给模型；这条案例的价值在于测试模型能不能在没有具体规格时给出高水准的默认审美。
换到你的题材
换到你的题材时可以替换想测试的模型、要求先运行的技能命令和最终追加的改进方向，骨架是三轮递进的对话结构：先开放式要求展示能力，再用直接批评推动打磨，最后追加页面数量和风格要求。用于评测其他编码模型时，只需替换技能读取指令和批评措辞。
容易翻车
容易翻车的是模型在第一轮就给出过于保守或模板化的结果，如果不追加第二轮的直接否定和 ultrathink 提示，效果很难提升；复测时应重点比较三轮之间的视觉迭代幅度，而不是只看最终结果，避免误判为一次性生成。
建议模型
Derived Skill
Skill 只从多个已发布 Case 的重复模式中派生，不是另一套投稿内容。
创作者
nummanali 在X输出 UI 工程化实践，《GLM 4.7 时尚品牌网站迭代》搭 GLM 4.7 出方案，带可复现代码。
继续探索
@Oluwaphilemon1 使用 Claude Fable 5 · Three.js · Blender · GSAP完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
Claude Fable 5 和 GPT-5.6 很强🥵🥵🥵 下面是我如何使用 Claude 构建的 👇 提示词：「设计一个机构网站，把服务以 3D 超市商品包装的形式呈现」 使用 Three.js 和 WebGL 在浏览器中实时渲染所有产品 使用 Blender 制作包装模型，然后导出为 GLTF 以加载到 Three.js 中 使用 GSAP 实现流畅的产品旋转和悬停交互 如果你想做一个让客户感觉像是在购买高级商品的作品集，请保存这条 🛒
提示语
有几个人询问提示词，所以放在这里 👇 附言：根据你的使用场景进行调整。 创建一个现代、极简的 3D 发票生成器机器组件，采用高级 SaaS 风格美学。 视觉设计 - 设计一台宽幅横向的发票打印机，灵感来自小票打印机，但外观未来感十足且干净利落。 - 使用细微的灰色线条、柔和阴影和极少细节。 - 机器应显得高级、轻盈而现代，而不是写实或工业化。 - 保持整体设计足够干净，使其可以放入仪表盘或落地页的 Hero 区域。 - 直接在机器上添加一个醒目的 Print Inv
@shushant_l 使用 AI Website Builder完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
下面介绍如何用 AI 以极简设计风格创建你的网站。 使用这条提示：为一位数字创作者和 AI 顾问设计一个现代极简作品集网站。采用干净的黑、白和中性色调，不使用渐变、玻璃拟态或过度的视觉效果。注重简洁、留白、强有力的排版、清晰的层级和快速加载性能。加入首屏介绍与行动号召、关于版块、精选项目作品集、服务版块、客户评价、博客/文章预览、技能与工具展示、客户 Logo、联系表单和页脚。加入细微动效、平滑滚动、优雅的卡片布局、移动端优先的响应式设计，以及对 SEO 友好的结构。整体美
