EN
网页付费 已验证

Profile Card Testimonial Reel UI Block（界面组件）

温暖、以摄影肖像为主的客户评价区块，将客户资料卡与聚焦的评价轮播结合。适用于产品页、营销活动页和新品发布页，以克制的青绿色点缀、无障碍动效和静态可读内容呈现可信的人物背书。

你会得到

  • 一个响应式评价区块，包含醒目的客户资料卡和引述
  • 最多三条可编辑评价数据及可替换的肖像素材
  • 无障碍轮播控件、当前项状态和减少动效支持
  • 暖中性色视觉样式、克制的青绿色点缀及布局令牌说明

适合

  • 需要在转化入口附近呈现可信客户声音的产品发布页
  • 希望人物背书亲切而非像评价数据库的营销页面
  • 需要可编辑组件而非固定评价图片的团队

不适合

  • 需要完整客户故事叙述或案例研究布局的页面
  • 未获准发布评价内容、身份或肖像的场景

你需要提供

  • 两到三位客户已批准的评价原文、姓名和职位
  • 肖像文件，或可替换且已获授权的图片占位方案
  • 页面受众、产品背景以及品牌颜色限制

运行要求

  • A modern browser
  • Node.js 20+ for the validator

运行成本

No external services. Runs entirely on your agent.

试试这个提示词

/sl-profile-card-testimonial-reel-ui-block 为虚构的团队规划工具制作评价区块，面向希望更从容协作的团队。展示标题 “A calmer way to bring the team together”，以及 Maya Chen、Elliot Brooks 和 Sofia Patel 的三条客户评价，并附上各自职位。采用暖中性色和纯色青绿色点缀，不使用渐变。

后续提示词

  • 缩小资料卡，同时保留评价层级、肖像裁切效果和静态可读性。
  • 为四条已批准客户故事调整评价数据结构，但不改变视觉系统或无障碍控件。
  • 提供使用姓名首字母头像且控件无障碍行为不变的无图片版本，并确保无脚本时所有评价可读。

验证情况

已验证

render-checkpass4.0 / 514s

常见问题

没有肖像也可以使用吗？

可以。将肖像替换为统一的姓名首字母样式或已批准的抽象图片，同时保留资料区域和署名信息。

评价轮播会自动播放吗？

不需要自动播放。区块使用明确的操作控件，也可以保持静态，遵循减少动效偏好，并在没有脚本时保持所有评价内容可读。

可以增加更多评价吗？

组件围绕两到三条重点故事设计。只有在页面确有展示更多内容的需要时，才扩展可编辑数据。

相似技能