你会得到
- 一个离线 HTML 区块，包含网格和漂移两种布局、暂停按钮和深色模式
- 带有类型化来源和授权字段的 React 组件
- 会因示例文字、缺失同意、表情符号图标和远程资源而失败的检查器
- 用于收集评价的请求邮件和记录保存指南
- 可选的 PopNow 头像清理，报价后执行
适合
- SaaS、应用和课程的落地页
- 拥有满意客户的代理机构和自由职业者网站
- 已经收到早期用户反馈的发布页
不适合
- 还没有真实评价的页面
- 需要可验证评论来源的星级评分组件
- 视频评价
怎么用
在 Claude 或 ChatGPT 里
用 PopNow 的技能「用户评价墙区块」（testimonial-wall-section）帮我做这件事：用 content/quotes.json 中六条已获批准的评价，为我们的 Astro 落地页加一面评价墙。没有照片的人用姓名首字母。
在编程 Agent 里
/popnow-testimonial-wall-section 用 content/quotes.json 中六条已获批准的评价，为我们的 Astro 落地页加一面评价墙。没有照片的人用姓名首字母。
接着试试
报价把客户发来的三张头像抠出来，并统一光线。
为我们在支持工单里找到的两条评价写一封征求同意的邮件。
需要准备
- 真实客户的评价，包括姓名和职位，以及他们希望展示的方式
- 每个人同意被引用的确认，以及他们发来的照片（如有）
- 如果页面颜色与暖纸色和青绿色不同，你的页面配色
- 可选：用于头像清理的 PopNow API 密钥
类似技能
查看全部 →- 网页
3D 头像制作工具
+25在浏览器里捏一个软萌毛绒风 3D 角色，保存为透明 PNG 或 3D 网页。
- 网页
日历热力图
+25用带色阶的日历网格展示一整年的每日活动，附连续天数、总数和键盘操作。
- 网页
AI SaaS 落地页
+25温暖的砂色纸面，发丝线的竖轨和斜线阴影围着一块实时看板，助手在上面规划任务。
- 网页
动态 Hero 首屏区块
+25落地页首屏：标题中的一个词轻轻轮换，配两个按钮和一个宽幅图片框。
- 网页
饮品品牌官网模板
+25明快的饮品或零食品牌站：商店、混搭装组合器、门店地图和演示结账，全部在一个文件里。
- 网页
着色器主视觉的创意机构网站
+25一块实时的橙色热浪着色器主视觉，底部固定一句宣言，配胶囊导航和错落的案例网格。
- 网页
深色 SaaS 落地页
+25深色、动效丰富的软件产品营销网站，交付为一个自包含的 HTML 文件。
- 网页
设计师作品集网站
+25六张微微倾斜的卡片环绕着渐隐的标题，浅灰底色，一张红色人像卡片，以及编辑风格的案例研究。
- 网页
程序员作品集网站
+25面向工程师的深色个人网站，含项目案例、文章、演讲、简历和联系表单。
- 网页
编辑风 SaaS 网站
+25深蓝的分栏首屏，五行衬线标题配纪实照片，斜切的色带，以及一种钴蓝强调色。
- 网页
自由设计师个人网站
+25大胆的一人工作室网站，出售固定价格套餐，包含套餐页、案例、流程和需求表单。
- 网页
玻璃拟态网站模板
+25近黑胶片上的磨砂玻璃胶囊，一行带斜体单词的超大衬线标题，以及邮箱订阅框。
- 网页
硬件产品网站
+25银色影棚照片上是超大的细线型号名，磨砂规格卡片，按比例排列的产品阵列，以及硬件网格布局。
- 网页
交互式系统架构图
+25离线可点击的系统架构图，基于经过校验的 JSON 模型生成，每个方框都附有依据。
- 网页
互动网格主视觉
+25近黑底上的一张细线深色网格，会朝光标弯曲，并从每次点击中荡出一圈发光的波纹。
- 网页
知识图谱可视化
+25把项目笔记变成离线可搜索的知识图谱，每条结论都能追溯到原文所在行。
- 网页
KPI 仪表盘模板
+25暖纸上的四个 KPI 方块，附变化标签，配发光折线图、分项表格和目标进度条。
- 网页
AI 样稿转落地页
+25先看三张整页设计稿，选定一张，你的 Agent 再把它构建为干净、响应式的代码。
- 网页
杂志网站模板
+25印刷级质感的杂志网站，含文章、专题、小型商店和订阅，整站就是一个 HTML 文件。
- 网页
粒子动画主视觉
+25暖纸底色上的文案，旁边是一个旋转的墨色与青绿色圆点球体，按每个理念重组形状，并在滚动时散开。
- 网页
个人品牌网站
+25一张羽化进暖纸的肖像，置于细线括号之下，两侧是轻重对比的陈述。
- 网页
宠物用品店官网模板
+25一个可以运作的宠物用品店：商品目录、规格、购物袋、补货计划和演示结账，全部在一个 HTML 文件中。
- 网页
播客网站模板
+25播客网站：可播放的首屏、单集档案、嘉宾页面，以及切换页面时仍在播放的播放器。
网页手绘风定价区块
+25笔记本风格的定价表：倾斜的墨线卡片、年付切换和深色模式，一个离线文件即可。
- 网页
电影感产品发布页
+25电影光线下的近黑页面：衬线标题卡配漂移的光带，宽银幕式的夜景，以及预约表单。
- 网页
论文研究项目主页
+25为你的论文做一个项目页：可交互的图 1、结果、局限性，以及一键复制的引用格式。
- 网页
后台管理系统模板
+25可直接运行的后台控制台，含图表、表格、看板和日历，整套就是一个离线 HTML 文件。
- 网页
SaaS 落地页模板
+25沉静、明亮的软件产品营销网站，含可交互的产品控制台、定价和注册。
- 网页
手帐风个人简历网站
+25用纸质物件拼成的多页在线简历，含项目案例和可打印的简历。
- 网页
球鞋商城网站模板
+25完整的鞋履或服装网店，含商品目录、商品详情页、购物袋和演示结账，全在一个 HTML 文件里。
- 网页
运动俱乐部官网模板
+25俱乐部、健身房或工作室网站：课表、教练页、会员方案、场地图和预约，全部在一个文件里。
- 网页
旅行社官网模板
+25以照片为主的旅行网站，适合团游、向导或山屋：行程搜索、预约申请和旅行测试问卷。
- 网页
工作流自动化落地页
+25石墨灰页面，左对齐的小标题，下方是实时的节点图，会运行、重试并流式输出日志。
常见问题
为什么默认附的是占位卡片，而不是示例评价？
编造的评价放在真实姓名和面孔旁边会误导读者，也可能违反广告规则。模板使用标注为「示例」的卡片来展示版式，校验器只有在每张卡片都有真实来源和已记录的授权后才会通过页面。
能生成客户照片吗？
不能。头像只能是首字母，或客户提供的照片。PopNow 只用来整理客户提供的照片：抠掉杂乱背景、放大较小的图片，并统一整组照片的光线。
漂移布局能访问吗？
可以。鼠标悬停或键盘聚焦时会暂停，有可见的暂停按钮，重复的循环卡片会对屏幕阅读器隐藏；开启减少动态效果时会切换为静态网格。
React 版本需要动画库吗？
不需要。漂移效果是一个 CSS 关键帧，组件只依赖 React，因此可以在 Next.js、Vite、Remix 或 Astro 岛屿中使用。
这面墙能变成完整的评价页面吗？
可以。同一个组件可以撑起整个评价网页，按产品或角色筛选，也可以作为短评价区块放在首页。评价区块设计和评价界面都提供浅色与深色版本，它是一面没有编造任何引语的口碑墙。