用途:生成面向创作者的单屏社交媒体分析仪表盘,输出一个自包含的 HTML 文档。
主要能力:页面包含顶部栏(品牌标识、明暗切换、7D/30D/90D/YTD 时间范围标签、创作者头像)、Hero 摘要区(一句话总结、元数据、两个 CTA)、Ask 搜索栏、平台切换器(默认 X / LinkedIn / YouTube / Instagram,最多 5 个)、KPI 行(粉丝数、互动率、7 天点赞、7 天转发)、主网格(左侧 30 天粉丝增长内联 SVG 折线图带面积填充与标注点,右侧本周热门帖子卡片)、下方网格(平台热门话题带迷你折线、热门评论卡片)。
使用方式:读取当前 DESIGN.md 获取颜色、字体、间距、圆角与组件样式,不自行发明 token,也不硬编码平台品牌色,平台仅以名称和字母组合引用。数据需合理且前后一致,例如切换器中的粉丝数要与选中平台的 KPI 一致。用 CSS Grid 做页面布局、Flexbox 做卡片内部布局,使用语义化标签,并为各区域添加 data-od-id 标记。图表仅用内联 SVG,不引入 JS 库。最终在 artifact 标签内输出完整 HTML。
适用场景:需要快速产出创作者视角的社媒数据看板原型或演示页面时。
限制:具体平台数量、数据来源、真实 API 接入、收费与价格等信息暂未提供;强调色全页最多出现三次。