Kimi 2.7 Codeweb-artifacts-builder / artifacts-builder
Artifact Builder
把 Campaign 需求直接编译成可运行的单页 Artifact,支持代码与预览双视图。
Artifact 配置
Campaign Brief
Campaign Dashboard · v3.0
Campaign Dashboard · v2.0
Campaign Dashboard · v1.0
ReactRechartsTailwindshadcn/ui
Campaign Dashboard全栈开发者

一个可交互的数据仪表盘 Artifact,实时展示 Reach、CTR 与 Conversion 趋势。

Reach
1560
CTR
5.4%
CVR
3.6%
export function CampaignDashboard() {
  return (
    <section className="p-8 bg-slate-50">
      <h1 className="text-3xl font-bold">Campaign Dashboard</h1>
      <p className="mt-2 text-slate-600">一个可交互的数据仪表盘 Artifact,实时展示 Reach、CTR 与 Conversion 趋势。</p>
      <div className="mt-6 grid grid-cols-3 gap-4">
        <Card key="Reach" className="p-4">
          <div className="text-sm text-slate-500">Reach</div>
          <div className="text-2xl font-semibold">—</div>
        </Card>
        <Card key="CTR" className="p-4">
          <div className="text-sm text-slate-500">CTR</div>
          <div className="text-2xl font-semibold">—</div>
        </Card>
        <Card key="Conversion" className="p-4">
          <div className="text-sm text-slate-500">Conversion</div>
          <div className="text-2xl font-semibold">—</div>
        </Card>
      </div>
    </section>
  )
}
预测指标
Reach1,560
CTR5.4%
Conversion3.6%
最近操作
15:22:17Artifact Studio 初始化
15:22:17依赖解析完成