From 53d5d5235ea5e7c24721984f33ef539db8afadc8 Mon Sep 17 00:00:00 2001 From: Cory Watilo Date: Tue, 21 Oct 2025 17:12:00 -0400 Subject: [PATCH] changed LLM skills (#13329) --- package.json | 2 +- .../Products/Slides/FeaturesSlide.tsx | 19 ++++---- .../Slides/OverviewSlide/OverviewSlideMax.tsx | 48 ++++++++++--------- src/hooks/productData/posthog_ai.tsx | 32 +++++++++---- tailwind.config.js | 2 +- yarn.lock | 8 ++-- 6 files changed, 65 insertions(+), 46 deletions(-) diff --git a/package.json b/package.json index 840dc6523..83015387e 100644 --- a/package.json +++ b/package.json @@ -47,7 +47,7 @@ "@mdxeditor/editor": "^3.32.3", "@popperjs/core": "^2.11.2", "@posthog/hedgehog-mode": "^0.0.41", - "@posthog/icons": "0.29.0", + "@posthog/icons": "0.33.2", "@radix-ui/react-accordion": "^1.2.3", "@radix-ui/react-icons": "^1.3.2", "@radix-ui/react-menubar": "^1.1.6", diff --git a/src/components/Products/Slides/FeaturesSlide.tsx b/src/components/Products/Slides/FeaturesSlide.tsx index bec960abe..361843479 100644 --- a/src/components/Products/Slides/FeaturesSlide.tsx +++ b/src/components/Products/Slides/FeaturesSlide.tsx @@ -2,7 +2,7 @@ import React, { useState } from 'react' import Tabs from 'components/RadixUI/Tabs' import ProductImage, { Image } from './Image' import ScrollArea from 'components/RadixUI/ScrollArea' -import { IconSparkles } from '@posthog/icons' +import { IconBrain } from '@posthog/icons' interface Feature { title: string @@ -114,8 +114,11 @@ export default function FeaturesSlide({ features, backgroundImage }: FeaturesSli
-
- +
+ PostHog AI knows...
@@ -126,11 +129,11 @@ export default function FeaturesSlide({ features, backgroundImage }: FeaturesSli
)} -

{item.headline}

+

{item.headline}

{item.description && (

0 && ( -

-

Skills

-
+
+

Skills

+
{item.skills.map((skill: any, skillIndex: number) => { if (typeof skill === 'string') { return ( diff --git a/src/components/Products/Slides/OverviewSlide/OverviewSlideMax.tsx b/src/components/Products/Slides/OverviewSlide/OverviewSlideMax.tsx index f6013ff62..8d87927cd 100644 --- a/src/components/Products/Slides/OverviewSlide/OverviewSlideMax.tsx +++ b/src/components/Products/Slides/OverviewSlide/OverviewSlideMax.tsx @@ -14,28 +14,32 @@ const skills = [ export default function OverviewSlideMax() { return ( -
-
- -
-

Meet PostHog AI, your product assistant.

-

- PostHog AI is deeply connected with your data, and lives inside of the PostHog app. -

-

Unlike other agents, PostHog AI can:

-
    - {skills.map((skill: string) => ( -
  • - {skill} -
    • - ))} -
+
+
+
+ +
+

+ Meet PostHog AI, your product assistant. +

+

+ PostHog AI is deeply connected with your data, and lives inside of the PostHog app. +

+

Unlike other agents, PostHog AI can:

+
    + {skills.map((skill: string) => ( +
  • + {skill} +
    • + ))} +
+
diff --git a/src/hooks/productData/posthog_ai.tsx b/src/hooks/productData/posthog_ai.tsx index ca3cf7648..8d67d7f23 100644 --- a/src/hooks/productData/posthog_ai.tsx +++ b/src/hooks/productData/posthog_ai.tsx @@ -162,29 +162,41 @@ export const posthog_ai = { { src: 'https://res.cloudinary.com/dmukukwp6/image/upload/v1742425353/llm_obvs_86706b1ab7.png', alt: 'LLM Analytics', - className: 'max-h-64', + className: 'max-h-48 mr-8 mt-8', // stylize: true, // shadow: true, }, ], skills: [ { - name: 'Budget Bloodhound', - description: 'Knows which users and models are burning tokens', + name: 'LLMaaJ evals', + description: 'Use LLM-as-a-judge to evaluate other LLM traces at scale (inception)', sticker: , - percent: 70, + percent: 30, }, { - name: 'Sentiment Sleuth', - description: 'Categorizes batches of traces as good, bad, "wtf?"', + name: 'LLM trace summarization', + description: 'Understand complex interactions without reading full conversation logs', sticker: , - percent: 75, + percent: 30, }, { - name: 'Hallucination Exorcist', - description: 'Banishes confidently wrong LLM outputs"', + name: 'Human annotations', + description: 'Generate LLM-as-a-judge prompts from manually labeled traces', sticker: , - percent: 60, + percent: 0, + }, + { + name: 'Prompt experiments', + description: 'Configure experiments to A/B test system prompts', + sticker: , + percent: 0, + }, + { + name: 'Chat with traces', + description: 'Query your trace data through the PostHog AI chat', + sticker: , + percent: 0, }, ], }, diff --git a/tailwind.config.js b/tailwind.config.js index cdbd94aa9..6c6a49c11 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -55,7 +55,7 @@ module.exports = { 'ai-blue': '#3E6B9E', }, backgroundImage: { - ai: 'radial-gradient(67.05% 98.56% at 12.79% 49.61%, #FF8041 0%, #DE7AFF 34.48%, #3795FF 67.29%, #46EEBC 100%)', + ai: 'radial-gradient(at 84% 83%, hsla(354,99%,77%,1) 0px, transparent 50%), radial-gradient(at 66% 38%, hsla(295,67%,67%,1) 0px, transparent 50%), radial-gradient(at 44% 51%, hsla(149,78%,70%,1) 0px, transparent 50%), radial-gradient(at 41% 14%, hsla(257,76%,72%,1) 0px, transparent 50%), radial-gradient(at 75% 97%, hsla(107,92%,67%,1) 0px, transparent 50%), radial-gradient(at 68% 35%, hsla(237,71%,71%,1) 0px, transparent 50%), radial-gradient(at 42% 23%, hsla(64,65%,79%,1) 0px, transparent 50%)', 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))', 'bullet-light': 'url(\'data:image/svg+xml,\')', diff --git a/yarn.lock b/yarn.lock index 9aae6b105..b5891d0da 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4528,10 +4528,10 @@ react-shadow "^20.6.0" uuid "^12.0.0" -"@posthog/icons@0.29.0": - version "0.29.0" - resolved "https://registry.yarnpkg.com/@posthog/icons/-/icons-0.29.0.tgz#7263540d12169271bfe02293c402d94a7bd910c8" - integrity sha512-d0M8EsPPGWt6Kcw/TaD2Um9KD1ogAf3I5I9WmWWfcMcRJ3kViPP+NYTHzfm7tghuaXbGaaeSmPGAQhGM7A5E1A== +"@posthog/icons@0.33.2": + version "0.33.2" + resolved "https://registry.yarnpkg.com/@posthog/icons/-/icons-0.33.2.tgz#1e1226b9a188d051edb13f14a02c047c649b9e48" + integrity sha512-esTrM3cUChJwW/OsB4YEMMm0stHPyhaiaWxbKE8vaYdhfDw7ULSNsc16nM0TGFkhJ2VnPphxLT+YkAOloj92uw== "@preact/signals-core@^1.2.3": version "1.12.1"