Website: Overhaul PostHog Code page by cleo-pleurodon · Pull Request #18671 · PostHog/posthog.com

cleo-pleurodon · 2026-07-17T20:08:31Z

Changes

New design and positioning for PostHog ~~Code~~ Desktop.

Preview https://61e397d2.posthog-preview.pages.dev/desktop

Add screenshots or screen recordings for visual / UI-focused changes.

Checklist

I've read the docs and/or content style guides.
Words are spelled using American English
Use relative URLs for internal links
I've checked the pages added or changed in the Vercel preview build
If I moved a page, I added a redirect in vercel.json

…tion-code-page # Conflicts: # src/hooks/useProduct.ts # src/pages/code.tsx

Resolve code.tsx conflict in favor of the rewritten page; master's changes were cosmetic polish to superseded sections. The SSR-safe #download handler is already present in the rewrite. (--no-verify: pre-commit hook flags a pre-existing react/display-name error in src/components/Home/Test/index.tsx, a master file unrelated to this branch. All files authored on this branch pass eslint.) Generated-By: PostHog Code Task-Id: 430f586a-7eb6-447b-bef4-be98aff5dd6f

github-actions · 2026-07-17T20:09:33Z

Vale prose linter → found 44 errors, 1344 warnings, 27 suggestions in your markdown

Full report → · Copy the Job Summary code block into an LLM to batch-fix issues.

Note: Too many findings to show inline. See the Job Summary linked above.

File	Errors	Warnings	Suggestions
`contents/blog/best-ai-observability-tools.mdx`	0	66	0
`contents/blog/best-analytics-stack-for-vibe-coded-apps.mdx`	1	68	0
`contents/blog/best-braintrust-alternatives.mdx`	0	160	1
`contents/blog/best-helicone-alternatives.mdx`	0	162	0
`contents/blog/best-langfuse-alternatives.mdx`	0	129	0
`contents/blog/best-langsmith-alternatives.mdx`	0	137	0
`contents/blog/best-mcp-servers-for-startups.mdx`	0	50	1
`contents/blog/best-statsig-alternatives.mdx`	9	157	1
`contents/blog/customer-success-at-posthog.md`	0	21	9
`contents/blog/embedded-analytics-provisioning-api.md`	0	13	0
`contents/blog/everything-is-build-mode.md`	0	3	0
`contents/blog/future-of-support-is-human.md`	0	4	0
`contents/blog/karpathy-autoresearch-query-engine-bug.md`	0	20	0
`contents/blog/posthog-vs-langfuse.mdx`	2	50	2
`contents/blog/posthogs-next-chapter.md`	0	9	7
`contents/blog/self-driving-product.mdx`	0	6	0
`contents/blog/training-ai-models.md`	0	3	0
`contents/blog/what-if-your-product-built-itself.mdx`	0	10	0
`contents/blog/what-is-a-scout.mdx`	2	58	0
`contents/docs/error-tracking/fix-with-ai-prompts.mdx`	2	1	0
`contents/docs/health-checks/authorized-urls.mdx`	0	1	0
`contents/docs/health-checks/index.mdx`	0	2	0
`contents/docs/health-checks/ingestion-warnings.mdx`	0	1	0
`contents/docs/health-checks/materialized-view-failures.mdx`	0	1	0
`contents/docs/health-checks/no-live-events.mdx`	0	1	0
`contents/docs/health-checks/no-reverse-proxy.mdx`	0	1	0
`contents/docs/health-checks/pageleave-events.mdx`	0	1	0
`contents/docs/health-checks/partial-reverse-proxy.mdx`	0	1	0
`contents/docs/health-checks/scroll-depth.mdx`	0	1	0
`contents/docs/health-checks/sdk-health.mdx`	0	4	0
`contents/docs/health-checks/web-vitals.mdx`	0	1	0
`contents/docs/model-context-protocol/index.mdx`	0	3	0
`contents/docs/posthog-code/ai-generated-content.mdx`	0	1	0
`contents/docs/posthog-code/cloud-runs.mdx`	0	3	0
`contents/docs/posthog-code/code-review.mdx`	0	3	0
`contents/docs/posthog-code/command-center.mdx`	0	1	0
`contents/docs/posthog-code/environments.mdx`	0	6	0
`contents/docs/posthog-code/git-github-integration.mdx`	0	3	0
`contents/docs/posthog-code/index.mdx`	0	3	0
`contents/docs/posthog-code/open-source.mdx`	0	2	0
`contents/docs/posthog-code/posthog-integration.mdx`	0	9	0
`contents/docs/posthog-code/pricing.mdx`	2	0	0
`contents/docs/posthog-code/settings.mdx`	0	4	0
`contents/docs/posthog-code/skills.mdx`	6	8	0
`contents/docs/posthog-code/tasks.mdx`	0	5	0
`contents/docs/posthog-code/use-any-model-and-harness.mdx`	0	1	0
`contents/docs/posthog-code/worktrees.mdx`	0	12	0
`contents/docs/replay-vision/creating-scanners.mdx`	2	3	5
`contents/docs/self-driving/inbox/index.mdx`	0	1	0
`contents/docs/self-driving/index.mdx`	0	6	0
`contents/docs/self-driving/scout-examples.mdx`	0	17	0
`contents/docs/slack/index.mdx`	0	5	0
`contents/faq.mdx`	0	31	0
`contents/handbook/story.md`	4	37	1
`contents/newsletter/context-engineering.md`	0	11	0
`contents/newsletter/how-to-demo.md`	2	8	0
`contents/newsletter/loops.md`	0	15	0
`src/components/Code/README.md`	0	1	0
`src/components/SlotMachineText/README.md`	6	2	0
`src/components/WaitlistForm/README.md`	6	1	0

github-actions · 2026-07-17T20:09:41Z

Deploy preview

Status	Details	Updated (UTC)
🟢 Ready	View preview	Jul 20, 2026 08:53PM

github-actions · 2026-07-17T20:21:30Z

Bundle report

Total JS (gzip)

6.72 MiB (+3.8 KiB / +0.1%)

Largest changed named chunks

Chunk	Gzip	Δ vs master
`app.js`	2106.2 KiB	+3.7 KiB / +0.2%

Eager graph (modules shipped in each entrypoint's initial chunks)

Entrypoint	Eager size	Budget	Modules
✅ `app`	16.07 MiB (+27.1 KiB / +0.2%)	report-only	1967

Largest modules in the app closure

Module	Size
`./src/data/mcp-tools.json`	858.5 KiB
`css ./node_modules/.pnpm/css-loader@5.2.7_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].oneOf[1].use[1]!./node_modules/.pnpm/postcss-loader@4.3.0_postcss@8.5.6_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].oneOf[1].use[2]!./src/styles/global.css`	741.0 KiB
`./src/components/Stickers/Stickers.tsx`	696.4 KiB
`./node_modules/.pnpm/@radix-ui+react-icons@1.3.2_react@18.3.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js`	481.4 KiB
`./node_modules/.pnpm/rehype-raw@7.0.0/node_modules/rehype-raw/lib/index.js + 29 modules`	395.1 KiB
`./node_modules/.pnpm/@posthog+icons@0.36.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@posthog/icons/dist/posthog-icons.cjs.js`	364.8 KiB
`./src/hooks/useCustomers.tsx + 54 modules`	355.1 KiB
`./node_modules/.pnpm/@posthog+icons@0.36.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@posthog/icons/dist/posthog-icons.es.js`	354.8 KiB
`./node_modules/.pnpm/react-markdown@8.0.7_@types+react@16.14.66_react@18.3.1/node_modules/react-markdown/lib/react-markdown.js + 88 modules`	351.4 KiB
`./node_modules/.pnpm/cloudinary-core@2.14.0_lodash@4.17.21/node_modules/cloudinary-core/cloudinary-core.js`	281.9 KiB
`./src/components/ProductComparisonTable/index.tsx + 120 modules`	278.6 KiB
`./src/components/SearchUI/index.tsx + 87 modules`	271.9 KiB
`./node_modules/.pnpm/d3@7.9.0/node_modules/d3/src/index.js + 208 modules`	247.4 KiB
`./src/components/Pricing/PricingSlider/Slider.tsx + 87 modules`	239.9 KiB
`./gatsby-browser.tsx + 43 modules`	225.0 KiB

Eager-graph budgets are report-only until a baseline is established. Sizes are gzip of public/**/*.js; eager size is webpack module source bytes for the modules actually shipped in the entrypoint's initial chunks (post-tree-shake).

Generated-By: PostHog Code Task-Id: 44ac34e7-b822-4bd0-a405-258660879184

Left dated content (like blogs) as is with PostHog Code references, but otherwise renamed everything (docs, handbook etc...)

@smallbrownbike

@smallbrownbike this might not be the best solution?

adboio

this is so sickkkkkkkk

will keep poking around with it, just adding the other gpt models in a comment here quick !

adboio · 2026-07-20T21:07:52Z

+                        <div className="flex flex-wrap gap-2">
+                            <ModelChip>GPT-5.5</ModelChip>
+                            <ModelChip>GPT-5.4</ModelChip>
+                        </div>


Suggested change

<div className="flex flex-wrap gap-2">

<ModelChip>GPT-5.5</ModelChip>

<ModelChip>GPT-5.4</ModelChip>

</div>

<div className="flex flex-wrap gap-2">

<ModelChip>GPT-5.6 Sol</ModelChip>

<ModelChip>GPT-5.6 Terra</ModelChip>

<ModelChip>GPT-5.6 Luna</ModelChip>

<ModelChip>GPT-5.5</ModelChip>

<ModelChip>GPT-5.4</ModelChip>

</div>

adboio · 2026-07-20T21:10:46Z

+                }
+                extra={<IconGroupColumns groups={canvasExampleGroups} />}
+            >
+                Ask for a report, a dashboard, or random internal tool, get exactly what you want in a{' '}


random internal tool

i might be wrong but i don't think we're quite at "internal tool" level with the canvases yet, maybe we can reword this to be closer to just reports/dashboards?

adboio · 2026-07-20T21:13:07Z

+                            >
+                                inbox
+                            </Link>{' '}
+                            you look forward to opening. Product signals go in, PRs come out.


[super nit picky, feel free to ignore] i think putting this caption below the screenshot might feel more balanced with the rest of the card

charlescook-ph

@cleo-pleurodon as is marketing tradition, I have purely focused on the constructive stuff and not left the (very) long list of comments about things I like here!

Mainly stuff where I think you could go a level more specific/less-buzzwordy for our ICP. But broadly this is great. I haven't checked on mobile btw, assuming you have on preview for any layout funkiness?

charlescook-ph · 2026-07-21T07:59:18Z

+                                padding={2}
+                                delay={300}
+                            >
+                                agentic workspace


"agentic workspace" feels corporate buzzwordy - is there something that would better resonate with a YC founder here? ('the era of self driving' was also a bit grandiose, so not suggesting we go back to that either though)

"workspace" also puts us in the class of Notion and Slack

charlescook-ph · 2026-07-21T08:00:27Z

+
+            <CloudinaryImage
+                src="https://res.cloudinary.com/dmukukwp6/image/upload/plague_doctor_beach_11580558c0.png"
+                alt="A plague doctor relaxing on a beach"


I love plague doctor but they seem a bit randomly crowbarred in here - I'd remove given you have the banana and lemon hogs below (which work better in the context of a receipt)

charlescook-ph · 2026-07-21T08:01:33Z

+                </ChoppyReveal>
+            </p>
+
+            {/* Table stakes + receipt: the standard starter pack every AI tool ships (also the "old way") */}


I like the agent mart concept, but logically it doesn't make sense to be in the 'old way' section, should be in the 'PostHog way'?

charlescook-ph · 2026-07-21T08:02:38Z

+                            </li>
+                        ))}
+                    </ul>
+                    <p className="m-0 mt-3 text-sm italic text-secondary">Instead...</p>


I think you can delete this, would simplify and it's pretty clear the next section is the 'instead'

charlescook-ph · 2026-07-21T08:03:37Z

+
+                <p className="text-base leading-loose mb-5">
+                    <ChoppyReveal wordDelay={25} initialDelay={p2Done ? 0 : 999999} onComplete={() => onComplete?.()}>
+                        <strong>TL;DR:</strong> Other AI tools edit your code.{' '}


I think the original language was better here - what is the difference between editing code and editing your product, when the product is code? (This would imply to me... design tools?)

charlescook-ph · 2026-07-21T08:06:22Z

+            <div className="rounded-md border border-purple bg-purple/10 p-6 shadow-xl @xl:p-8">
+                <div className="mb-3 flex items-center gap-2">
+                    <StickerRobot className="size-8 -rotate-3" />
+                    <h2 className="m-0 text-2xl font-bold">Dang, PostHog's got skills</h2>


I'm not totally sure what this section means, it feels kinda empty? It reads as 'skills are helpful' but what specifically does Desktop do for you here?

charlescook-ph · 2026-07-21T08:07:08Z

+                    <h2 className="m-0 text-2xl font-bold">Dang, PostHog's got skills</h2>
+                </div>
+                <p className="m-0 text-secondary">
+                    A <code className="border-purple bg-purple/20">SKILL.md</code> makes wiring up PostHog stupid easy,


'turns company knowledge into a playbook everyone can run with.' - sounds buzzwordy!

charlescook-ph · 2026-07-21T08:09:03Z

+    domain?: string
+}
+
+const mcpServers: MCPServer[] = [


nit: I'd put popular ones first, rather than alphabetical, otherwise you have Slack/Stripe/Supabase barely visible

cleo-pleurodon added 8 commits June 28, 2026 12:16

first pass

65aac10

Merge remote-tracking branch 'origin/master' into posthog-code/reposi…

7242dfe

…tion-code-page # Conflicts: # src/hooks/useProduct.ts # src/pages/code.tsx

added new content and components

17945f6

polishing intro section and content hierarchy

526818f

refining content

151920d

fixes

23940fa

remove local claude settings

ecb7a41

cleo-pleurodon self-assigned this Jul 17, 2026

cleo-pleurodon added 5 commits July 20, 2026 10:25

redirect links, rename to desktop

7a5fcb7

Merge branch 'master' into posthog-code/reposition-code-page

4203a8b

Generated-By: PostHog Code Task-Id: 44ac34e7-b822-4bd0-a405-258660879184

site-wide rename

6108fc3

Left dated content (like blogs) as is with PostHog Code references, but otherwise renamed everything (docs, handbook etc...)

clean up page content and basic code review

55b7f6d

fix video modal resize flash

7c41b62

@smallbrownbike this might not be the best solution?

cleo-pleurodon requested review from ianmatson and smallbrownbike July 20, 2026 20:37

cleo-pleurodon marked this pull request as ready for review July 20, 2026 20:37

cleo-pleurodon requested a review from charlescook-ph as a code owner July 20, 2026 20:37

cleo-pleurodon requested a review from k11kirky July 20, 2026 20:40

adboio reviewed Jul 20, 2026

View reviewed changes

adboio mentioned this pull request Jul 20, 2026

chore(app): Rename PostHog Code to PostHog PostHog/code#3557

Open

2 tasks

smallbrownbike approved these changes Jul 20, 2026

View reviewed changes

k11kirky approved these changes Jul 21, 2026

View reviewed changes

charlescook-ph requested changes Jul 21, 2026

View reviewed changes

Uh oh!

Conversation

cleo-pleurodon commented Jul 17, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Changes

Checklist

Uh oh!

github-actions Bot commented Jul 17, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions Bot commented Jul 17, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Deploy preview

Uh oh!

github-actions Bot commented Jul 17, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Bundle report

Total JS (gzip)

Eager graph (modules shipped in each entrypoint's initial chunks)

Uh oh!

adboio left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

charlescook-ph left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

cleo-pleurodon commented Jul 17, 2026 •

edited

Loading

github-actions Bot commented Jul 17, 2026 •

edited

Loading

github-actions Bot commented Jul 17, 2026 •

edited

Loading

github-actions Bot commented Jul 17, 2026 •

edited

Loading