yindo/posthog.com
1
0
Fork 0
mirror of https://github.com/BillyOutlast/posthog.com.git synced 2026-02-04 03:11:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

changed LLM skills (#13329)

Browse Source
This commit is contained in:
Cory Watilo
2025-10-21 17:12:00 -04:00
committed by GitHub
parent ac48840f65
commit 53d5d5235e
6 changed files with 65 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@@ -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",

19
src/components/Products/Slides/FeaturesSlide.tsx
View File

@@ -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
<div className="relative">
<div className="flex flex-col @2xl:flex-row">
<div className="pt-8 px-4 pb-4 flex-1">
<div className="flex items-center gap-2 mb-8 text-2xl">
<IconSparkles className="size-8 text-${item.color}" />
<div
data-scheme="secondary"
className="inline-flex items-center gap-2 mb-8 text-lg px-2 py-1 -mt-2 rounded bg-primary border border-primary font-medium"
>
<IconBrain className="size-8 text-${item.color}" />
PostHog AI knows...
</div>
<div className="flex items-center gap-2">
@@ -126,11 +129,11 @@ export default function FeaturesSlide({ features, backgroundImage }: FeaturesSli
</div>
</div>
)}
<h2 className="text-5xl mb-0 text-left">{item.headline}</h2>
<h2 className="text-4xl mb-0 text-left">{item.headline}</h2>
</div>
{item.description && (
<p
className="mt-4 text-2xl [&_code]:text-2xl text-left"
className="mt-4 text-xl [&_code]:text-xl text-left"
{...(typeof item.description === 'string'
? { dangerouslySetInnerHTML: { __html: item.description } }
: { children: item.description })}
@@ -161,9 +164,9 @@ export default function FeaturesSlide({ features, backgroundImage }: FeaturesSli
{/* Skills section */}
{item.skills && item.skills.length > 0 && (
<div className="mt-6">
<h3 className="text-2xl border-b border-primary pb-2 mb-8">Skills</h3>
<div className="grid @2xl:grid-cols-2 gap-x-8 gap-y-4">
<div className="mt-4">
<h3 className="text-2xl border-b border-primary pb-2 mb-4">Skills</h3>
<div className="grid @2xl:grid-cols-2 gap-x-8 gap-y-3">
{item.skills.map((skill: any, skillIndex: number) => {
if (typeof skill === 'string') {
return (

48
src/components/Products/Slides/OverviewSlide/OverviewSlideMax.tsx
View File

@@ -14,28 +14,32 @@ const skills = [
export default function OverviewSlideMax() {
return (
<div className="h-full p-8 flex flex-col justify-center bg-ai">
<div className="bg-white/80 backdrop-blur-lg h-full rounded-lg shadow-2xl flex flex-col @2xl:flex-row gap-8 @2xl:gap-12 p-8">
<aside className="text-center">
<CloudinaryImage
src="https://res.cloudinary.com/dmukukwp6/image/upload/max_aeaeca84a3.png"
alt="Max AI"
className="max-w-[469px]"
/>
</aside>
<div className="flex-1 prose">
<h2 className="text-5xl font-bold text-primary mb-4">Meet PostHog AI, your product assistant.</h2>
<p className="text-2xl text-secondary mx-auto">
PostHog AI is deeply connected with your data, and lives inside of the PostHog app.
</p>
<h3 className="text-2xl mt-4">Unlike other agents, PostHog AI can:</h3>
<ul>
{skills.map((skill: string) => (
<li key={skills.indexOf(skill)} className="text-xl">
{skill}
</li>
))}
</ul>
<div className="h-full bg-[#dd99ff]">
<div className="size-full bg-ai p-8 flex flex-col justify-center">
<div className="bg-white/80 dark:bg-black/80 backdrop-blur-lg h-full rounded-md shadow-2xl flex flex-col @2xl:flex-row gap-8 @2xl:gap-12 p-8">
<aside className="text-center">
<CloudinaryImage
src="https://res.cloudinary.com/dmukukwp6/image/upload/max_aeaeca84a3.png"
alt="Max AI"
className="max-w-[469px]"
/>
</aside>
<div className="flex-1 prose">
<h2 className="text-5xl font-bold text-primary mb-4">
Meet PostHog AI, your product assistant.
</h2>
<p className="text-2xl text-secondary mx-auto">
PostHog AI is deeply connected with your data, and lives inside of the PostHog app.
</p>
<h3 className="text-2xl mt-4 text-primary">Unlike other agents, PostHog AI can:</h3>
<ul>
{skills.map((skill: string) => (
<li key={skills.indexOf(skill)} className="text-xl text-primary">
{skill}
</li>
))}
</ul>
</div>
</div>
</div>
</div>

32
src/hooks/productData/posthog_ai.tsx
View File

@@ -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: <StickerPath className="size-6" />,
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: <StickerPath className="size-6" />,
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: <StickerPath className="size-6" />,
percent: 60,
percent: 0,
},
{
name: 'Prompt experiments',
description: 'Configure experiments to A/B test system prompts',
sticker: <StickerPath className="size-6" />,
percent: 0,
},
{
name: 'Chat with traces',
description: 'Query your trace data through the PostHog AI chat',
sticker: <StickerPath className="size-6" />,
percent: 0,
},
],
},

2
tailwind.config.js
View File

@@ -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,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 8"><path fill="%23D0D1C9" d="M4.23 7.704c-2.034 0-3.636-1.602-3.636-3.6 0-1.98 1.602-3.6 3.636-3.6 1.962 0 3.564 1.62 3.564 3.6 0 1.998-1.602 3.6-3.564 3.6Z"/></svg>\')',

8
yarn.lock
View File

@@ -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"