基于GPT-6 Astra 生成的100个作品集，设计风格真是打到了我的心巴上。
https://123gpt.cn/gpt-6-astra-studies
说出来你可能不信，这些网页都是AI写的。
不是那种套模板的AI建站，而是真的一个字一个字"画"出来的。从配色到排版，从动画到交互，全都是GPT-6 Astra在理解了需求之后直接生成的完整HTML文件。
什么是GPT-6 Astra？
GPT-6 Astra 是 OpenAI 的新一代旗舰模型，也是 GPT-5 系列（上一个版本为 GPT-5.6 Sol）之后的又一次"代际更新"，名字里的 Astra 在拉丁语中意为"星辰"。
OpenAI 官方将其定义为"目前最智能、且对齐程度最高的模型"，核心突破集中在两个方向：智能体执行能力（Agentic）------模型可以直接观察电脑界面，通过浏览器、鼠标和键盘自主完成多步骤任务；深度推理------在数学、科学、网络安全等领域的推理能力大幅提升。
这些网页设计作品是基于 GPT-6 Astra 创作的不同设计风格，提示词都在网页内，供大家参考学习。
简单说，就是一个特别能"看懂"设计需求的AI。你跟它说"我想做一个极光观测站的界面"，它不只是给你一堆代码片段，而是直接给你一个完整的、可运行的、带着动画效果的网页。配色自己搭的，布局自己想的，交互自己加的。
它不是设计师，但它的产出，设计感是够的。
它不是程序员，但它的代码，是能跑起来的。
100 Studies是什么？
这一百个作品，就是GPT-6 Astra的"期末作业"。
从极光观测站到茶道仪式，从像素果园到水母芭蕾，从复古火车站时刻表到枯山水庭院......你能想到的、想不到的场景，它都试着做了一遍。
有的偏实用，比如那个番茄钟、那个冲刺计时器。
有的偏艺术，比如水母漂浮动画、墨水扩散效果。
有的偏复古，比如黑胶唱片封面、演出票设计。
有的偏脑洞，比如四维空间可视化、骑士巡游算法图解。
每做一个，它就得想：这个需求用什么视觉语言表达？用什么颜色？用什么排版？用什么动效？然后把它变成代码。
网页里有什么？
每个作品下面有个"生成提示词"的折叠面板，点开能看到当初是怎么"下单"的。
比如"散场之后/票务工坊"这个作品，它的提示词是：
"在炭灰与鼠尾草绿的基调下，搭建一座虚构的演出票面个性化工坊。正中央放置一张微微倾斜的超大纸质票券，使用巨型慢速迪斯科排印，带虚线副券、冲孔圆角、CSS条形码、活动信息与来宾姓名......"
你看着这个提示词，再去看生成的网页，会觉得有点意思------AI是真的在"理解"需求，而不是在瞎拼凑。
为什么要做这个？
说实话，就是想看看AI能做成什么样。
以前的AI生成网页，要么是给你一堆组件让你自己拼，要么是生成的代码跑不起来，要么是设计感一言难尽。
GPT-6 Astra不一样。它的输出是完整的、可直接使用的网页。配色是和谐的，排版是讲究的，交互是流畅的。
当然它也不是万能的。复杂的后端逻辑它搞不定，太个性化的设计它也有局限。但对于那些"我有个想法，想快速看到效果"的场景，它是真好用。
怎么用？
网页里每个作品都可以点"Open"直接在新标签页打开，看完整效果。
提示词面板可以折叠起来，不影响浏览。想看AI当初是怎么被"下达任务"的，点点看，也挺有意思。
如果你是设计师，可以用这个来找灵感。
如果你是开发者，可以用这个来省时间。
如果你只是好奇，也可以随便点点看看------反正这些网页都是离线的，不需要服务器，打开就能跑。
这些作品不是要证明AI有多厉害，只是想说明：
当AI真的理解了你的需求，它能做的，比你以为的要多一点。