你会得到
- 一个内嵌字体和图片的 HTML 文件,不发出任何网络请求
- 着色器主视觉、客户跑马灯、工作室色带、错落的作品网格,以及可搜索的项目索引
- 每个案例研究一个独立页面,另有日志、隐私、条款和 404 页
- 服务标签、可切换货币的合作方案、报价、团队、FAQ 和项目委托表单
- 可选的工作室、案例和团队照片,以及由 PopNow 在报价积分后生成的案例卡片循环
适合
- 设计、品牌、网站、动效和三维工作室
- 有真实项目可展示的自由职业者和小型咨询机构
- 希望呈现平静、高端作品集的建筑和室内事务所
不适合
- 网店或以深色、霓虹为主的品牌
- 标题背后必须有照片或视频的页面
- 没有已完成作品可展示的网站
怎么用
在 Claude 或 ChatGPT 里
用 PopNow 的技能「着色器主视觉的创意机构网站」(creative-agency-website)帮我做这件事:为 Quarrow 做网站,它是位于波尔图的四人品牌与网站工作室。项目:一家陶瓷店的重新上线、一款渡轮时刻表应用,以及一家面包店的品牌形象。合作方式:Sprint、Launch、Retainer。
在编程 Agent 里
/popnow-creative-agency-website 为 Quarrow 做网站,它是位于波尔图的四人品牌与网站工作室。项目:一家陶瓷店的重新上线、一款渡轮时刻表应用,以及一家面包店的品牌形象。合作方式:Sprint、Launch、Retainer。
接着试试
生成前,先为三个案例研究和团队网格报价。
把渡轮案例卡片的主图做成慢速视频循环,先告诉我价格。
需要准备
- 工作室名称、一句话定位、城市和联系方式
- 两到六个项目,包括委托内容、你做了什么,以及一个可衡量的结果
- 服务内容、客户如何雇用你,以及主要负责人
- 可选:PopNow API 密钥,或你自己的工作室和项目照片
类似技能
查看全部 →3D 头像制作工具
+3在浏览器里捏一个软萌毛绒风 3D 角色,保存为透明 PNG 或 3D 网页。
日历热力图
+3用带色阶的日历网格展示一整年的每日活动,附连续天数、总数和键盘操作。
AI SaaS 落地页
+3温暖的砂色纸面,发丝线的竖轨和斜线阴影围着一块实时看板,助手在上面规划任务。
动态 Hero 首屏区块
+3落地页首屏:标题中的一个词轻轻轮换,配两个按钮和一个宽幅图片框。
深色 SaaS 落地页
+3深色、动效丰富的软件产品营销网站,交付为一个自包含的 HTML 文件。
设计师作品集网站
+3六张微微倾斜的卡片环绕着渐隐的标题,浅灰底色,一张红色人像卡片,以及编辑风格的案例研究。
程序员作品集网站
+3面向工程师的深色个人网站,含项目案例、文章、演讲、简历和联系表单。
编辑风 SaaS 网站
+3深蓝的分栏首屏,五行衬线标题配纪实照片,斜切的色带,以及一种钴蓝强调色。
玻璃拟态网站模板
+3近黑胶片上的磨砂玻璃胶囊,一行带斜体单词的超大衬线标题,以及邮箱订阅框。
硬件产品网站
+3银色影棚照片上是超大的细线型号名,磨砂规格卡片,按比例排列的产品阵列,以及硬件网格布局。
交互式系统架构图
+3离线可点击的系统架构图,基于经过校验的 JSON 模型生成,每个方框都附有依据。
互动网格主视觉
+3近黑底上的一张细线深色网格,会朝光标弯曲,并从每次点击中荡出一圈发光的波纹。
知识图谱可视化
+3把项目笔记变成离线可搜索的知识图谱,每条结论都能追溯到原文所在行。
KPI 仪表盘模板
+3暖纸上的四个 KPI 方块,附变化标签,配发光折线图、分项表格和目标进度条。
AI 样稿转落地页
+3先看三张整页设计稿,选定一张,你的 Agent 再把它构建为干净、响应式的代码。
杂志网站模板
+3印刷级质感的杂志网站,含文章、专题、小型商店和订阅,整站就是一个 HTML 文件。
粒子动画主视觉
+3暖纸底色上的文案,旁边是一个旋转的墨色与青绿色圆点球体,按每个理念重组形状,并在滚动时散开。
个人品牌网站
+3一张羽化进暖纸的肖像,置于细线括号之下,两侧是轻重对比的陈述。
电影感产品发布页
+3电影光线下的近黑页面:衬线标题卡配漂移的光带,宽银幕式的夜景,以及预约表单。
后台管理系统模板
+3可直接运行的后台控制台,含图表、表格、看板和日历,整套就是一个离线 HTML 文件。
SaaS 落地页模板
+3沉静、明亮的软件产品营销网站,含可交互的产品控制台、定价和注册。
手帐风个人简历网站
+3用纸质物件拼成的多页在线简历,含项目案例和可打印的简历。
球鞋商城网站模板
+3完整的鞋履或服装网店,含商品目录、商品详情页、购物袋和演示结账,全在一个 HTML 文件里。
工作流自动化落地页
+3石墨灰页面,左对齐的小标题,下方是实时的节点图,会运行、重试并流式输出日志。
常见问题
着色器会拖慢页面吗?
它以降低的分辨率渲染,并限制像素比;当主视觉离开屏幕或标签页被隐藏时会暂停;在减少动态效果的设置下只显示一张静态帧。同样外观的 CSS 版本位于底层,所以即使没有 WebGL,页面也完整。
PopNow 在这里生成什么?
工作室色带、每个案例研究和团队的照片,全部采用同一种美术方向;另有可选的慢速循环,替换某一张案例卡片的静态图。主视觉本身是代码,无需素材。每次运行都会以积分报价,你同意后才开始。
没有 PopNow API 密钥能用吗?
可以。内置的工作室照片可以作为中性替身保留,案例素材可以换成各客户配色的 CSS 面板,报价则使用姓名首字母头像。技能会列出仍需要真实照片的位置。
能更换橙色强调色吗?
可以,通过几个令牌和着色器的颜色预设即可。页面只保留一种强调色,并避开紫色和紫罗兰色调,校验器会检查这一点;项目中的品牌 DESIGN.md 会映射到这些令牌上。

