用途:设计并生成产品/服务详情页,覆盖电商详情页(SmartStore、Coupang、Kakao)、SaaS 产品页(价格方案、功能对比、演示 CTA)、服务介绍页(咨询、教育、订阅)以及 375px 移动优先的短视频风格详情页,可同时输出 Light/Dark 主题。
主要能力:默认技术栈为 Next.js 15 + Tailwind v4 + shadcn/ui(自建站/SaaS),或单文件 HTML + Tailwind CDN + shadcn CSS 变量(SmartStore、Coupang)。图标使用 Lucide React 或内联 SVG,价格对比图表可选 Recharts。流程包含 shadcn 主题访谈(调色板、明暗模式、圆角、动效、图表库)、产品与目标人群分析(FAB 转换、差异化点、用户画像、购买决策因素)、页面结构设计(含 8 个必需区块)、按 AIDA 与 FAB 撰写文案并附心理触发清单、基于 shadcn 令牌定义设计系统、生成代码,最后按功能与响应式清单做 QA。
使用方式:用“详情页、产品页、SmartStore 详情、Coupang 详情、Kakao 详情、商品介绍页”等触发词调用。平台规格:SmartStore 宽 860px,Coupang 宽 780px、最多 9 张图,Kakao 按 375px 移动优化,自建站可自由响应式。文案以 JSON 结构输出,包含页面类型、平台、主题与各区块内容。
限制与注意:文案完整性优先,设计/开发阶段不得修改文案内容,仅允许换行、强调与顺序调整;AI 生成的销量、评分、客户评价等实证性主张必须替换为真实数据,否则可能违反韩国电子商务法与标示广告法。图片超规格需参照平台规格缩放,移动端错位应改用 max-width 与百分比布局。该技能不适用于博客/评测、SNS 帖子、纯落地页、单独广告文案以及目录/列表页。其他功能、收费与价格信息暂未提供。