用途:把品牌市场调研报告(如品牌情报实验室的委外/高管汇报产物)从静态 Marp PDF 改造成基于 Next.js 15 + Tailwind + ECharts 的交互式网页报告,并部署到 Vercel。适用于幻灯片制作者收到分析产物后构建高管用报告;若某公司能力清单中含该技能则自动适用。
主要能力:固定五页结构(首页、SWOT、图表、事实核查、竞争公司),首页含 4 个 KPI 卡片与 5 条关键洞察,SWOT 为 2×2 象限卡片,图表页为 2×2 网格并含 4 种 ECharts 图(Serp / PriceDist / Revenue / Social),事实核查页含表头标注与 4 列表格,竞争公司页含 5 列表格且 self 行有标记。要求使用指定设计令牌与字体(正文 Noto Serif KR 等),禁用元数据免责声明、章节徽章与 emoji。
使用方式:先做前置校验(Node ≥ 20、vercel CLI、printenv | grep VERCEL_API_TOKEN 非空),在本地 SSD(/tmp/{brand}-report-app)手写 package.json 并复制脚手架文件,注册设计令牌,写 globals.css、5 个页面、Charts.tsx 与 lib/data/{brand}.ts。构建命令为 npm install --no-audit --no-fund --legacy-peer-deps、NEXT_PUBLIC_BRAND=$BRAND npx next build,之后用 vercel deploy --prod --yes --token 部署,并用 curl 自检后按格式报告。
限制:仅在 npm run build 通过后才部署;令牌必须从容器 .env 或 docker-compose environment 注入,Secrets 面板不生效(2026-05 基准);不要在 SMB/NAS 挂载工作区执行 npm install;不得添加五页以外页面;数据缺失时按规范用基于事实的填充,状态分布为 verified 56 / estimated 23 / flagged 0。图表组件用 SVG 渲染并仅用 rust、slate 两色。