Files
personas/personas/_shared/design-md/posthog/README.md
salvacybersec 8a0b6d7895 feat: integrate all shared libraries directly into repo
Shared library now lives at personas/_shared/ with full source data:

- skills/ — 42 skills from shared-skills + kali-claw (SKILL.md + references)
- paperclip-skills/ — 52 skills from paperclip-docs (ceo-advisor, coding-agent, etc.)
- design-md/ — 58 brand DESIGN.md files (Stripe, Claude, Linear, Apple, Vercel...)
- ui-ux-pro-max/ — BM25 search engine + 14 CSV data files (67 styles, 161 products)
- openclaw-personas/ — 6 original personas + SOUL.md + IDENTITY.md + TOOLS.md
- kali-tools/ — 16 Kali Linux tool reference docs
- osint-sources/ + ad-attack-tools/ — investigation references

Build system enhancements:
- Skills auto-mapped to personas via SKILL_PERSONA_MAP (domain-based)
- Each persona JSON/YAML output now includes "skills" array
- generated/_index/skills_index.json indexes all 42+52 skills + 58 brands + 14 data files
- Skills, escalation graph, and trigger index all generated per build

Sources: shared-skills (Gitea), kali-claw (Gitea), paperclip-docs (Born2beRoot),
         awesome-design-md (VoltAgent), ui-ux-pro-max-skill (nextlevelbuilder)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-06 21:10:30 +03:00

1.3 KiB

Posthog Inspired Design System

DESIGN.md extracted from the public PostHog website. This is not the official design system. Colors, fonts, and spacing may not be 100% accurate. But it's a good starting point for building something similar.

Files

File Description
DESIGN.md Complete design system documentation (9 sections)
preview.html Interactive design token catalog (light)
preview-dark.html Interactive design token catalog (dark)

Use DESIGN.md to use as a reference for AI agents (Claude, Cursor, Stitch) to generate UI that looks like the Posthog design language.

Preview

A sample landing page built with DESIGN.md. It shows the actual colors, typography, buttons, cards, spacing, and elevation, all in one page.

Dark Mode

Posthog Design System — Dark Mode

Light Mode

Posthog Design System — Light Mode