用途：指导在 PostHog 画布中编写 React + Quill 实现，整个应用为单个 React/TSX 文件，默认导出一个无 props 组件。首建可从 references/starter-scaffold.md 脚手架起步，替换示例指标与布局。
主要能力与规则：允许导入 React、Quill、Recharts、Lucide、Day.js，另有十个可选库需先读 references/platform-libraries.md；PostHog 数据通过 import { ph } from "@posthog/canvas-sdk" 获取。禁止裸导入、动态 import、require、script 标签和远程代码；网络请求与外部资源需在 capabilities.network.origins 声明精确 HTTPS 源。数据面板须全部用 @posthog/quill 组件（Select、Button、Input、Table、Card、Badge、Heading、Text 等），仅允许布局 div 与 recharts 元素；Quill 组件已主题化，不可用 Tailwind 或内联样式重设，布局工具类放自有 wrapper。根元素用 min-h-screen，不用 h-screen 或 h-full；颜色只用设计令牌，避免已定义令牌名冲突的 CSS 变量。
数据与状态：每个数据点独立渲染骨架并各自加载，逐卡填数据，不用统一 loading 标志；失败与空结果是不同状态，必须可见报错并提供重试。数据产品形态包括产品仪表盘、Web 分析面板、交互式探索器与清单/运行手册。日期窗口须用 Quill DateTimePicker 置于 Popover 内，窗口变化重跑所有查询。ph.state 持久化与 ph.actions.invoke 写回需先查阅 querying-canvas-data 技能中的运行时内存与写入章节。
限制：均为规范约束，具体实现细节以对应参考文档为准；资料未提供定价、平台支持范围等信息。