
效果预览
相似 Skill
查看全部 Skills你将获得
- 实时竖纹玻璃 Hero:边缘橙色热光、胶片颗粒和三行宣言标题,另有完整的静态兜底画面和克制的减弱动效模式
- 完整的工作室网站:工作室介绍、精选作品和可搜索的项目索引、服务标签页、流程、合作方式、评价、团队、文章、FAQ 和项目需求表单
- 案例页、文章页、隐私、条款和 404 页面,配网页字体和按用途规划的照片,全部装在一个离线文件里
适合
- 想要高级、有生命力的首屏,同时不牺牲可读性的设计、品牌和工程工作室
- 上线作品集、需要真实案例、清晰报价和需求表单的自由职业者和小型代理公司
- 想要明亮玻璃感发布站,并能把作品、服务和合作方式对应成客户、功能和套餐的产品团队
不适合
- 偏暗黑、情绪化的品牌:页面始终是明亮的纸灰色,只有页脚一处深色
- 需要 CMS 或几十个页面的网站:案例和文章以静态数据写在页面里
- 必须在关闭脚本时也完整运行的页面:文字和布局仍会显示,但玻璃动画、菜单和表单需要脚本
品牌建立与视觉规范网站与数字体验制作网页/单页站/仪表盘制作落地页风格锁定成果可编辑Bright MinimalFluted GlassGrainy GradientShader Lit
适合做落地页
关于此 Skill

Molten Glass Landing 打造首屏有生命力的工作室网站:透过竖纹玻璃看到的明亮纸灰色光线,炽热的橙色从边缘压进来。往下是一个沉稳的编辑风网站,带编号区块、真实的案例页和可用的项目需求表单。示例是虚构的设计与工程工作室 Arclune。

你将获得
- 实时玻璃 Hero,带完整的渐变兜底和减弱动效下的静态画面,按钮悬停时文字会滚动切换
- 首页区块:带数字滚动的工作室介绍、精选作品和可搜索的项目索引、服务标签页、流程、可切换币种的合作方式、客户评价、团队与招聘、文章、FAQ 和项目需求表单
- 带成果和署名的案例页、文章页、隐私、条款和 404 页面
- 唯一一块带巨型字标的近黑色页脚,整体是一个任意浏览器可打开、离线可用的文件

如何使用
- 提供工作室名称、一句话定位,以及至少两个各带一条可量化成果的代表项目。
- Agent 填好每个区块和案例,规划并生成照片,缺的信息先起草出来请你确认。
- 打开文件,把每个案例、标签页和表单点一遍,用大白话提出修改。

照片由 Agent 自带的生图工具生成(可能产生该工具的用量费用),也可以用你自己的图库。如果是现有的框架项目,Agent 会在你的技术栈里把同样的设计做成组件。
开始前需要准备什么
- 你需要提供
- 工作室或品牌名称,以及一句话定位 · 至少两个代表项目,每个配一句可量化的成果 · 业务方向、合作条款或价格、团队负责人和联系方式(可选;缺的部分会先起草请你确认)
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本,用来运行随附脚本,生成单个离线网页文件 · 生成文件时需要联网,字体只下载一次并嵌入文件 · Agent 里的生图工具,用来生成工作室、项目和团队照片(可选;用占位图或你自己的照片页面也能正常阅读)
- 外部成本
- 需要新照片时,工作室、项目和团队照片由 Agent 自带的生图工具生成,可能产生该工具的用量费用。你也可以提供自己的照片或先保留占位图。除此之外不使用任何付费服务。
- 最近实测
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…









