[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-posthog-building-canvases":3,"mdc--172vxx-key":49,"related-org-posthog-building-canvases":452,"related-repo-posthog-building-canvases":620},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":23,"repoUrl":24,"updatedAt":25,"license":26,"forks":27,"topics":28,"repo":44,"sourceUrl":47,"mdContent":48},"building-canvases","create and edit PostHog canvases","Create or edit a PostHog canvas — a sandboxed browser application (data board, document, form, small tool, graphics experiment) stored in PostHog and rendered by the desktop\u002Fweb app. Use when a task asks to build, generate, update, or fix a canvas, or when a canvas id is given as the publish target. Covers resolving or creating the target canvas, choosing an implementation approach (React + Quill vs plain HTML\u002Fbrowser APIs), the read → edit → validate → publish → build loop, and which companion canvas skills to load for the details.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"posthog","PostHog","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fposthog.png",[12,14,17,20],{"name":9,"slug":8,"type":13},"tag",{"name":15,"slug":16,"type":13},"Prototyping","prototyping",{"name":18,"slug":19,"type":13},"Automation","automation",{"name":21,"slug":22,"type":13},"Design","design",35568,"https:\u002F\u002Fgithub.com\u002FPostHog\u002Fposthog","2026-08-06T06:09:29.946969",null,2977,[29,30,31,32,33,34,35,36,37,38,39,40,41,42,43],"ab-testing","ai-analytics","analytics","cdp","data-warehouse","experiments","feature-flags","javascript","product-analytics","python","react","session-replay","surveys","typescript","web-analytics",{"repoUrl":24,"stars":23,"forks":27,"topics":45,"description":46},[29,30,31,32,33,34,35,36,37,38,39,40,41,42,43],"🦔 PostHog is an all-in-one developer platform for building successful products. We offer product analytics, web analytics, session replay, error tracking, feature flags, experimentation, surveys, data warehouse, a CDP, and an AI product assistant to help debug your code, ship features faster, and keep all your usage and customer data in one stack.","https:\u002F\u002Fgithub.com\u002FPostHog\u002Fposthog\u002Ftree\u002FHEAD\u002Fproducts\u002Fcanvas\u002Fskills\u002Fbuilding-canvases","---\nname: building-canvases\ndescription: >\n  Create or edit a PostHog canvas — a sandboxed browser application (data board, document, form,\n  small tool, graphics experiment) stored in PostHog and rendered by the desktop\u002Fweb app. Use when\n  a task asks to build, generate, update, or fix a canvas, or when a canvas id is given as the\n  publish target. Covers resolving or creating the target canvas, choosing an implementation\n  approach (React + Quill vs plain HTML\u002Fbrowser APIs), the read → edit → validate → publish →\n  build loop, and which companion canvas skills to load for the details.\n---\n\n# Building canvases\n\nA canvas is a client-side browser application that runs in a sandboxed iframe inside PostHog.\nIts source lives in PostHog — not in a repository — and you read and write it through the\n`canvas-*` tools. Never write a canvas to a local file; publishing through the tool is what\nsaves it.\n\n## Resolve the target canvas\n\n- If the task names a canvas id (canvas-initiated tasks do), that is the target. Do not create another.\n- Otherwise — channel-composer tasks give the channel, not a canvas — list the channel's canvases\n  with `canvas-list` (scope with `channel`; resolve a bare channel name with `channel-list` first).\n  If one is clearly what the request refers to — an earlier iteration of the same board or tool —\n  build on it instead of creating a near-duplicate, and say so in your reply so the user knows\n  where the result landed.\n- Only when nothing existing fits, create one with `canvas-create` in the right channel, named\n  with a short descriptive title drawn from the request — never \"Untitled canvas\".\n\n## Choose the least complex implementation that meets the request\n\n- **React + Quill** — PostHog data products, dashboards, forms, application-like state, and anything\n  that should look native to PostHog. Load the `building-react-quill-canvases` skill.\n- **Semantic HTML, CSS, and direct browser APIs** — static documents, focused experiments, generative\n  graphics, `\u003Ccanvas>`\u002FWebGL work where React adds no structure. Load the `building-html-canvases` skill.\n- **Mix them** when appropriate: React can own the application chrome while Three-style code owns a\n  canvas element, or a mostly static page can mount one interactive island.\n\nThis is a judgment call, not a persisted mode — ask the user only when the choice changes a\nuser-visible requirement you cannot infer.\n\n## The iteration loop\n\n1. Read the current source and version pointer with `canvas-source-retrieve`.\n   Remember `current_version_id` — your publish must be guarded on it.\n2. Edit the project files. For any PostHog data the canvas shows, follow the `querying-canvas-data`\n   skill (saved insights loaded via the `ph` SDK — never fetch or your own PostHog client), and\n   **declare every `ph` call in `project.capabilities`** (insight short ids in\n   `capabilities.posthog.insights`, captured events in `captureEvents`, `inlineQueries: true` for\n   ad-hoc queries) — the host enforces these at runtime and validation rejects undeclared calls.\n3. Validate with `canvas-validate-create` as often as needed and fix every error-severity\n   diagnostic.\n4. Publish the complete project with `canvas-publish-create`, passing `expected_current_version_id`.\n   Follow the `validating-and-publishing-canvases` skill for diagnostics and conflict recovery.\n5. **Wait for the build.** A publish queues a server-side build; poll `canvas-builds-retrieve`\n   (every few seconds, up to ~2 minutes) until your build is `ready` or `failed`. On `failed`,\n   read the build's error diagnostics, fix the project, and publish again — do not finish the\n   task with a failed build.\n\nPublish once per requested change, when the canvas is ready — not after every micro-edit.\n\n## Source-project shape\n\n- Keep `index.html` as the entry shell returned by the source tool.\n- `src\u002Fcanvas.tsx` remains the conventional React entry component, but it may import additional\n  relative TypeScript, TSX, JavaScript, JSON, SVG, CSS, and admitted asset files from the project.\n- Self-contained module workers may be imported with `.\u002Fworker.ts?worker`. A worker must not import\n  another local module.\n- Binary assets belong in the project's `assets` map as base64 content with an admitted content type.\n  PNG, JPEG, GIF, WebP, AVIF, WOFF\u002FWOFF2, WebAssembly, and generic octet-stream assets are supported.\n- Keep the platform dependency map exactly as returned. Do not add npm packages; local relative\n  imports are project files, while bare imports remain limited to the platform-pinned set.\n",{"data":50,"body":51},{"name":4,"description":6},{"type":52,"children":53},"root",[54,62,77,84,136,142,199,204,210,383,388,394],{"type":55,"tag":56,"props":57,"children":58},"element","h1",{"id":4},[59],{"type":60,"value":61},"text","Building canvases",{"type":55,"tag":63,"props":64,"children":65},"p",{},[66,68,75],{"type":60,"value":67},"A canvas is a client-side browser application that runs in a sandboxed iframe inside PostHog.\nIts source lives in PostHog — not in a repository — and you read and write it through the\n",{"type":55,"tag":69,"props":70,"children":72},"code",{"className":71},[],[73],{"type":60,"value":74},"canvas-*",{"type":60,"value":76}," tools. Never write a canvas to a local file; publishing through the tool is what\nsaves it.",{"type":55,"tag":78,"props":79,"children":81},"h2",{"id":80},"resolve-the-target-canvas",[82],{"type":60,"value":83},"Resolve the target canvas",{"type":55,"tag":85,"props":86,"children":87},"ul",{},[88,94,123],{"type":55,"tag":89,"props":90,"children":91},"li",{},[92],{"type":60,"value":93},"If the task names a canvas id (canvas-initiated tasks do), that is the target. Do not create another.",{"type":55,"tag":89,"props":95,"children":96},{},[97,99,105,107,113,115,121],{"type":60,"value":98},"Otherwise — channel-composer tasks give the channel, not a canvas — list the channel's canvases\nwith ",{"type":55,"tag":69,"props":100,"children":102},{"className":101},[],[103],{"type":60,"value":104},"canvas-list",{"type":60,"value":106}," (scope with ",{"type":55,"tag":69,"props":108,"children":110},{"className":109},[],[111],{"type":60,"value":112},"channel",{"type":60,"value":114},"; resolve a bare channel name with ",{"type":55,"tag":69,"props":116,"children":118},{"className":117},[],[119],{"type":60,"value":120},"channel-list",{"type":60,"value":122}," first).\nIf one is clearly what the request refers to — an earlier iteration of the same board or tool —\nbuild on it instead of creating a near-duplicate, and say so in your reply so the user knows\nwhere the result landed.",{"type":55,"tag":89,"props":124,"children":125},{},[126,128,134],{"type":60,"value":127},"Only when nothing existing fits, create one with ",{"type":55,"tag":69,"props":129,"children":131},{"className":130},[],[132],{"type":60,"value":133},"canvas-create",{"type":60,"value":135}," in the right channel, named\nwith a short descriptive title drawn from the request — never \"Untitled canvas\".",{"type":55,"tag":78,"props":137,"children":139},{"id":138},"choose-the-least-complex-implementation-that-meets-the-request",[140],{"type":60,"value":141},"Choose the least complex implementation that meets the request",{"type":55,"tag":85,"props":143,"children":144},{},[145,164,189],{"type":55,"tag":89,"props":146,"children":147},{},[148,154,156,162],{"type":55,"tag":149,"props":150,"children":151},"strong",{},[152],{"type":60,"value":153},"React + Quill",{"type":60,"value":155}," — PostHog data products, dashboards, forms, application-like state, and anything\nthat should look native to PostHog. Load the ",{"type":55,"tag":69,"props":157,"children":159},{"className":158},[],[160],{"type":60,"value":161},"building-react-quill-canvases",{"type":60,"value":163}," skill.",{"type":55,"tag":89,"props":165,"children":166},{},[167,172,174,180,182,188],{"type":55,"tag":149,"props":168,"children":169},{},[170],{"type":60,"value":171},"Semantic HTML, CSS, and direct browser APIs",{"type":60,"value":173}," — static documents, focused experiments, generative\ngraphics, ",{"type":55,"tag":69,"props":175,"children":177},{"className":176},[],[178],{"type":60,"value":179},"\u003Ccanvas>",{"type":60,"value":181},"\u002FWebGL work where React adds no structure. Load the ",{"type":55,"tag":69,"props":183,"children":185},{"className":184},[],[186],{"type":60,"value":187},"building-html-canvases",{"type":60,"value":163},{"type":55,"tag":89,"props":190,"children":191},{},[192,197],{"type":55,"tag":149,"props":193,"children":194},{},[195],{"type":60,"value":196},"Mix them",{"type":60,"value":198}," when appropriate: React can own the application chrome while Three-style code owns a\ncanvas element, or a mostly static page can mount one interactive island.",{"type":55,"tag":63,"props":200,"children":201},{},[202],{"type":60,"value":203},"This is a judgment call, not a persisted mode — ask the user only when the choice changes a\nuser-visible requirement you cannot infer.",{"type":55,"tag":78,"props":205,"children":207},{"id":206},"the-iteration-loop",[208],{"type":60,"value":209},"The iteration loop",{"type":55,"tag":211,"props":212,"children":213},"ol",{},[214,235,300,313,342],{"type":55,"tag":89,"props":215,"children":216},{},[217,219,225,227,233],{"type":60,"value":218},"Read the current source and version pointer with ",{"type":55,"tag":69,"props":220,"children":222},{"className":221},[],[223],{"type":60,"value":224},"canvas-source-retrieve",{"type":60,"value":226},".\nRemember ",{"type":55,"tag":69,"props":228,"children":230},{"className":229},[],[231],{"type":60,"value":232},"current_version_id",{"type":60,"value":234}," — your publish must be guarded on it.",{"type":55,"tag":89,"props":236,"children":237},{},[238,240,246,248,254,256,274,276,282,284,290,292,298],{"type":60,"value":239},"Edit the project files. For any PostHog data the canvas shows, follow the ",{"type":55,"tag":69,"props":241,"children":243},{"className":242},[],[244],{"type":60,"value":245},"querying-canvas-data",{"type":60,"value":247},"\nskill (saved insights loaded via the ",{"type":55,"tag":69,"props":249,"children":251},{"className":250},[],[252],{"type":60,"value":253},"ph",{"type":60,"value":255}," SDK — never fetch or your own PostHog client), and\n",{"type":55,"tag":149,"props":257,"children":258},{},[259,261,266,268],{"type":60,"value":260},"declare every ",{"type":55,"tag":69,"props":262,"children":264},{"className":263},[],[265],{"type":60,"value":253},{"type":60,"value":267}," call in ",{"type":55,"tag":69,"props":269,"children":271},{"className":270},[],[272],{"type":60,"value":273},"project.capabilities",{"type":60,"value":275}," (insight short ids in\n",{"type":55,"tag":69,"props":277,"children":279},{"className":278},[],[280],{"type":60,"value":281},"capabilities.posthog.insights",{"type":60,"value":283},", captured events in ",{"type":55,"tag":69,"props":285,"children":287},{"className":286},[],[288],{"type":60,"value":289},"captureEvents",{"type":60,"value":291},", ",{"type":55,"tag":69,"props":293,"children":295},{"className":294},[],[296],{"type":60,"value":297},"inlineQueries: true",{"type":60,"value":299}," for\nad-hoc queries) — the host enforces these at runtime and validation rejects undeclared calls.",{"type":55,"tag":89,"props":301,"children":302},{},[303,305,311],{"type":60,"value":304},"Validate with ",{"type":55,"tag":69,"props":306,"children":308},{"className":307},[],[309],{"type":60,"value":310},"canvas-validate-create",{"type":60,"value":312}," as often as needed and fix every error-severity\ndiagnostic.",{"type":55,"tag":89,"props":314,"children":315},{},[316,318,324,326,332,334,340],{"type":60,"value":317},"Publish the complete project with ",{"type":55,"tag":69,"props":319,"children":321},{"className":320},[],[322],{"type":60,"value":323},"canvas-publish-create",{"type":60,"value":325},", passing ",{"type":55,"tag":69,"props":327,"children":329},{"className":328},[],[330],{"type":60,"value":331},"expected_current_version_id",{"type":60,"value":333},".\nFollow the ",{"type":55,"tag":69,"props":335,"children":337},{"className":336},[],[338],{"type":60,"value":339},"validating-and-publishing-canvases",{"type":60,"value":341}," skill for diagnostics and conflict recovery.",{"type":55,"tag":89,"props":343,"children":344},{},[345,350,352,358,360,366,368,374,376,381],{"type":55,"tag":149,"props":346,"children":347},{},[348],{"type":60,"value":349},"Wait for the build.",{"type":60,"value":351}," A publish queues a server-side build; poll ",{"type":55,"tag":69,"props":353,"children":355},{"className":354},[],[356],{"type":60,"value":357},"canvas-builds-retrieve",{"type":60,"value":359},"\n(every few seconds, up to ~2 minutes) until your build is ",{"type":55,"tag":69,"props":361,"children":363},{"className":362},[],[364],{"type":60,"value":365},"ready",{"type":60,"value":367}," or ",{"type":55,"tag":69,"props":369,"children":371},{"className":370},[],[372],{"type":60,"value":373},"failed",{"type":60,"value":375},". On ",{"type":55,"tag":69,"props":377,"children":379},{"className":378},[],[380],{"type":60,"value":373},{"type":60,"value":382},",\nread the build's error diagnostics, fix the project, and publish again — do not finish the\ntask with a failed build.",{"type":55,"tag":63,"props":384,"children":385},{},[386],{"type":60,"value":387},"Publish once per requested change, when the canvas is ready — not after every micro-edit.",{"type":55,"tag":78,"props":389,"children":391},{"id":390},"source-project-shape",[392],{"type":60,"value":393},"Source-project shape",{"type":55,"tag":85,"props":395,"children":396},{},[397,410,421,434,447],{"type":55,"tag":89,"props":398,"children":399},{},[400,402,408],{"type":60,"value":401},"Keep ",{"type":55,"tag":69,"props":403,"children":405},{"className":404},[],[406],{"type":60,"value":407},"index.html",{"type":60,"value":409}," as the entry shell returned by the source tool.",{"type":55,"tag":89,"props":411,"children":412},{},[413,419],{"type":55,"tag":69,"props":414,"children":416},{"className":415},[],[417],{"type":60,"value":418},"src\u002Fcanvas.tsx",{"type":60,"value":420}," remains the conventional React entry component, but it may import additional\nrelative TypeScript, TSX, JavaScript, JSON, SVG, CSS, and admitted asset files from the project.",{"type":55,"tag":89,"props":422,"children":423},{},[424,426,432],{"type":60,"value":425},"Self-contained module workers may be imported with ",{"type":55,"tag":69,"props":427,"children":429},{"className":428},[],[430],{"type":60,"value":431},".\u002Fworker.ts?worker",{"type":60,"value":433},". A worker must not import\nanother local module.",{"type":55,"tag":89,"props":435,"children":436},{},[437,439,445],{"type":60,"value":438},"Binary assets belong in the project's ",{"type":55,"tag":69,"props":440,"children":442},{"className":441},[],[443],{"type":60,"value":444},"assets",{"type":60,"value":446}," map as base64 content with an admitted content type.\nPNG, JPEG, GIF, WebP, AVIF, WOFF\u002FWOFF2, WebAssembly, and generic octet-stream assets are supported.",{"type":55,"tag":89,"props":448,"children":449},{},[450],{"type":60,"value":451},"Keep the platform dependency map exactly as returned. Do not add npm packages; local relative\nimports are project files, while bare imports remain limited to the platform-pinned set.",{"items":453,"total":619},[454,470,482,494,507,522,538,545,562,577,592,604],{"slug":455,"name":455,"fn":456,"description":457,"org":458,"tags":459,"stars":23,"repoUrl":24,"updatedAt":469},"analyzing-expensive-users","analyze expensive users in AI observability","Analyze the most expensive users in AI observability and explain why they cost so much. Use when the user asks about top spenders, expensive users, per-user LLM cost, user-level cost drivers, or patterns behind high AI observability spend.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[460,462,465,468],{"name":461,"slug":31,"type":13},"Analytics",{"name":463,"slug":464,"type":13},"Cost Optimization","cost-optimization",{"name":466,"slug":467,"type":13},"Observability","observability",{"name":9,"slug":8,"type":13},"2026-07-28T05:34:11.117757",{"slug":471,"name":471,"fn":472,"description":473,"org":474,"tags":475,"stars":23,"repoUrl":24,"updatedAt":481},"auditing-endpoints","audit PostHog project endpoints","Audit every endpoint in a PostHog project for staleness, failed materialisations, and unused materialised versions. Use when the user asks \"what endpoints can I clean up?\", \"are any of my endpoints broken?\", \"which materialised versions are still being called?\", or wants a one-shot cleanup pass over the Endpoints product. Produces a prioritised report grouped by issue type, with recommended actions but does not modify anything without explicit confirmation.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[476,477,480],{"name":461,"slug":31,"type":13},{"name":478,"slug":479,"type":13},"Audit","audit",{"name":9,"slug":8,"type":13},"2026-06-08T08:08:33.693989",{"slug":483,"name":483,"fn":484,"description":485,"org":486,"tags":487,"stars":23,"repoUrl":24,"updatedAt":493},"auditing-warehouse-source-health","audit PostHog data warehouse source health","Audit the health of a PostHog project's data warehouse sources and syncs — find every broken or degraded source connection, sync schema, and webhook channel. Use when the user asks \"why are my imports failing?\", \"what's broken with my sources?\", \"why is my warehouse data stale?\", or wants a one-shot triage of source\u002Fsync health before deciding where to dig in. Produces a prioritized report grouped by severity, with recommended next steps. For materialized-view health use `auditing-warehouse-view-health`; for a single failing sync use `diagnosing-failed-warehouse-syncs`.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[488,489,491,492],{"name":478,"slug":479,"type":13},{"name":490,"slug":33,"type":13},"Data Warehouse",{"name":466,"slug":467,"type":13},{"name":9,"slug":8,"type":13},"2026-06-18T08:22:57.67984",{"slug":495,"name":495,"fn":496,"description":497,"org":498,"tags":499,"stars":23,"repoUrl":24,"updatedAt":506},"auditing-warehouse-view-health","audit PostHog materialized view health","Audit the health of a PostHog project's materialized views (saved queries) — find every failed materialization and flag unused or stale materialized views that cost storage and compute. Use when the user asks \"which of my views are broken?\", \"why is this materialized view failing?\", \"are any of my views wasting compute?\", or wants a one-shot triage of view health. For source\u002Fsync health use `auditing-warehouse-source-health`.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[500,501,502,505],{"name":478,"slug":479,"type":13},{"name":490,"slug":33,"type":13},{"name":503,"slug":504,"type":13},"Performance","performance",{"name":9,"slug":8,"type":13},"2026-06-18T08:25:10.936787",{"slug":508,"name":508,"fn":509,"description":510,"org":511,"tags":512,"stars":23,"repoUrl":24,"updatedAt":521},"authoring-error-tracking-alerts","author PostHog error tracking alerts","Author error tracking alerts that fire when an issue is created, reopened, or starts spiking. Use when the user asks to set up error notifications, route exceptions to Slack\u002Fwebhook\u002FLinear, or evaluate which error events are worth alerting on. Covers trigger-event selection, integration choice, dedup against existing alerts, and shipping with the canonical message body shape.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[513,516,519,520],{"name":514,"slug":515,"type":13},"Alerting","alerting",{"name":517,"slug":518,"type":13},"Debugging","debugging",{"name":466,"slug":467,"type":13},{"name":9,"slug":8,"type":13},"2026-06-18T08:24:40.318583",{"slug":523,"name":523,"fn":524,"description":525,"org":526,"tags":527,"stars":23,"repoUrl":24,"updatedAt":537},"authoring-log-alerts","author log alerts in PostHog","Author useful, low-noise log alerts on services in a PostHog project. Use when the user asks to set up alerts for their logs, suggest alerts they should add, or evaluate whether a service is worth monitoring. Covers service triage, baseline characterisation, threshold drafting, back-testing via simulate, and shipping with a notification destination.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[528,529,532,533,536],{"name":461,"slug":31,"type":13},{"name":530,"slug":531,"type":13},"Monitoring","monitoring",{"name":466,"slug":467,"type":13},{"name":534,"slug":535,"type":13},"Operations","operations",{"name":9,"slug":8,"type":13},"2026-07-18T05:10:54.430898",{"slug":4,"name":4,"fn":5,"description":6,"org":539,"tags":540,"stars":23,"repoUrl":24,"updatedAt":25},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[541,542,543,544],{"name":18,"slug":19,"type":13},{"name":21,"slug":22,"type":13},{"name":9,"slug":8,"type":13},{"name":15,"slug":16,"type":13},{"slug":187,"name":187,"fn":546,"description":547,"org":548,"tags":549,"stars":23,"repoUrl":24,"updatedAt":561},"author HTML and CSS PostHog canvases","Author a PostHog canvas with semantic HTML, CSS, and direct browser APIs — documents, articles, generative graphics, 2D canvas and WebGL experiences, and focused experiments where React components add no useful structure. Use after building-canvases has routed a canvas request to a plain-HTML\u002Fbrowser-API implementation. Covers the thin component wrapper the current runtime requires, styling and theming without Quill, drawing surfaces, and animation\u002Fcleanup patterns.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[550,553,554,557,560],{"name":551,"slug":552,"type":13},"CSS","css",{"name":21,"slug":22,"type":13},{"name":555,"slug":556,"type":13},"Graphics","graphics",{"name":558,"slug":559,"type":13},"HTML","html",{"name":9,"slug":8,"type":13},"2026-08-06T06:09:30.313848",{"slug":161,"name":161,"fn":563,"description":564,"org":565,"tags":566,"stars":23,"repoUrl":24,"updatedAt":576},"build React and Quill canvases","Author the React + Quill implementation of a PostHog canvas: the single-component contract, the allowed imports, Quill (PostHog's design system) component and composition rules, theme-aware design tokens, loading skeletons, and the in-canvas date picker. Use after building-canvases has routed a canvas request to a React implementation — dashboards, data boards, forms, tools, or any canvas that should look native to PostHog.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[567,568,571,573],{"name":21,"slug":22,"type":13},{"name":569,"slug":570,"type":13},"Frontend","frontend",{"name":572,"slug":39,"type":13},"React",{"name":574,"slug":575,"type":13},"UI Components","ui-components","2026-08-06T06:09:18.633724",{"slug":578,"name":578,"fn":579,"description":580,"org":581,"tags":582,"stars":23,"repoUrl":24,"updatedAt":591},"building-workflows","build and edit PostHog workflows","Build, edit, test, enable, and monitor PostHog workflows over MCP. Author the action\u002Fedge graph so it runs and opens cleanly in the visual editor, then change drafts surgically with patch operations. Use when asked to build, set up, automate, change, fix, or debug a workflow, campaign, broadcast, drip sequence, or event-triggered automation in the workflows product.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[583,584,587,588],{"name":18,"slug":19,"type":13},{"name":585,"slug":586,"type":13},"MCP","mcp",{"name":9,"slug":8,"type":13},{"name":589,"slug":590,"type":13},"Workflow Automation","workflow-automation","2026-08-06T05:36:26.504811",{"slug":593,"name":593,"fn":594,"description":595,"org":596,"tags":597,"stars":23,"repoUrl":24,"updatedAt":603},"check-posthog-loading","inspect PostHog SDK loading across URLs","Inspect how the PostHog JavaScript SDK is loaded across a list of URLs. Use to confirm consistent installation across pages, find pages missing the snippet, detect mismatched API keys or hosts between pages, and verify the load method (head snippet vs deferred vs array.js).\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[598,599,600,601,602],{"name":461,"slug":31,"type":13},{"name":517,"slug":518,"type":13},{"name":569,"slug":570,"type":13},{"name":466,"slug":467,"type":13},{"name":9,"slug":8,"type":13},"2026-05-07T05:56:19.828048",{"slug":605,"name":605,"fn":606,"description":607,"org":608,"tags":609,"stars":23,"repoUrl":24,"updatedAt":618},"consuming-endpoints-from-client-code","integrate PostHog endpoints into client applications","Wire a PostHog endpoint into a client app or SDK. Covers fetching the OpenAPI spec, generating a typed client with openapi-generator or @hey-api\u002Fopenapi-ts, sending the right auth header, shaping the variables payload (HogQL code_name vs insight breakdown property), handling rate-limit and materialised-endpoint error responses. Use when the user says \"how do I call my endpoint\", \"generate a client for this\", or \"what auth header do I use\".\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[610,613,614,615],{"name":611,"slug":612,"type":13},"API Development","api-development",{"name":569,"slug":570,"type":13},{"name":9,"slug":8,"type":13},{"name":616,"slug":617,"type":13},"SDK","sdk","2026-06-08T08:08:34.929454",243,{"items":621,"total":671},[622,629,635,642,649,656,664],{"slug":455,"name":455,"fn":456,"description":457,"org":623,"tags":624,"stars":23,"repoUrl":24,"updatedAt":469},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[625,626,627,628],{"name":461,"slug":31,"type":13},{"name":463,"slug":464,"type":13},{"name":466,"slug":467,"type":13},{"name":9,"slug":8,"type":13},{"slug":471,"name":471,"fn":472,"description":473,"org":630,"tags":631,"stars":23,"repoUrl":24,"updatedAt":481},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[632,633,634],{"name":461,"slug":31,"type":13},{"name":478,"slug":479,"type":13},{"name":9,"slug":8,"type":13},{"slug":483,"name":483,"fn":484,"description":485,"org":636,"tags":637,"stars":23,"repoUrl":24,"updatedAt":493},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[638,639,640,641],{"name":478,"slug":479,"type":13},{"name":490,"slug":33,"type":13},{"name":466,"slug":467,"type":13},{"name":9,"slug":8,"type":13},{"slug":495,"name":495,"fn":496,"description":497,"org":643,"tags":644,"stars":23,"repoUrl":24,"updatedAt":506},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[645,646,647,648],{"name":478,"slug":479,"type":13},{"name":490,"slug":33,"type":13},{"name":503,"slug":504,"type":13},{"name":9,"slug":8,"type":13},{"slug":508,"name":508,"fn":509,"description":510,"org":650,"tags":651,"stars":23,"repoUrl":24,"updatedAt":521},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[652,653,654,655],{"name":514,"slug":515,"type":13},{"name":517,"slug":518,"type":13},{"name":466,"slug":467,"type":13},{"name":9,"slug":8,"type":13},{"slug":523,"name":523,"fn":524,"description":525,"org":657,"tags":658,"stars":23,"repoUrl":24,"updatedAt":537},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[659,660,661,662,663],{"name":461,"slug":31,"type":13},{"name":530,"slug":531,"type":13},{"name":466,"slug":467,"type":13},{"name":534,"slug":535,"type":13},{"name":9,"slug":8,"type":13},{"slug":4,"name":4,"fn":5,"description":6,"org":665,"tags":666,"stars":23,"repoUrl":24,"updatedAt":25},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[667,668,669,670],{"name":18,"slug":19,"type":13},{"name":21,"slug":22,"type":13},{"name":9,"slug":8,"type":13},{"name":15,"slug":16,"type":13},74]