用途:面向电商与 SaaS 的产品详情页设计生成。支持韩国智能商店(Naver Smartstore)、Coupang、Kakao 平台规格,以及自有商城和 SaaS 产品详情、服务介绍、移动优先(375px)短视频风格详情页。触发关键词包括“详情页、产品页、商品页、智能商店详情、Coupang 详情”等。
主要能力:按平台输出不同格式——自有商城/SaaS 用 Next.js 15 + Tailwind v4 + shadcn/ui(Radix 无障碍),智能商店/Coupang 用单文件 HTML + Tailwind CDN + shadcn CSS 变量。图标使用 Lucide React 或内联 SVG;需图表时可选用 Recharts 等。
工作流程:先做 shadcn 主题访谈(基础色、明暗模式、圆角、动效、图表库),再进行产品与目标分析、页面结构设计(含首屏、商品信息、标签页、评价、FAQ、推荐、最终 CTA 等 8 个区块)、AIDA/FAB 文案、设计令牌定义、代码生成与 QA 检查。
平台规格:智能商店 860px 宽、图片型详情;Coupang 780px 宽、最多 9 张图;Kakao 以 375px 移动端优化;自有商城可自由响应式。
限制与注意:生成文案中的销量、评分、评价等实证性内容必须替换为真实数据,否则可能违反相关法规;文案一旦定稿,设计/开发阶段不得修改文字。博客、SNS 贴文、落地页、单独广告文案、目录/列表页不属于本技能范围。