{
  "ocm": "1",
  "id": "manavarya09-design-extract-designlang",
  "kind": "skill",
  "name": "designlang-tokens",
  "description": "Use when styling UI for posthog.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.",
  "publisher": "Manavarya09",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "general"
    ],
    "tags": [
      "skill-md",
      "github"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Use when styling UI for posthog.com — references the extracted design system tokens instead of inventing colors, spacing, or typography."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "github",
      "repository": "https://github.com/Manavarya09/design-extract",
      "path": "website/public/gallery/posthog-com/.claude/skills/designlang/SKILL.md",
      "ref": "a9e832efe304330a7fc491511c0ca30a34bc0106",
      "url": "https://github.com/Manavarya09/design-extract/blob/a9e832efe304330a7fc491511c0ca30a34bc0106/website/public/gallery/posthog-com/.claude/skills/designlang/SKILL.md",
      "key": "Manavarya09/design-extract/website/public/gallery/posthog-com/.claude/skills/designlang/SKILL.md"
    }
  },
  "instructions": "# designlang tokens\nSource: https://posthog.com\nExtracted by designlang v7.0.0 on 2026-06-25T08:30:19.935Z\n\n## Semantic tokens (use these)\n- color.action.primary: #e1d7c2\n- color.surface.default: #e5e7e0\n- color.text.body: #000000\n- radius.control: 2px\n- typography.body.fontFamily: IBM Plex Sans Variable\n\n## Regions\n- sidebar\n- nav\n- sidebar\n- pricing\n- pricing\n- footer\n- nav\n\n## How to use\n- Prefer `semantic.*` tokens over `primitive.*`.\n- Never invent new tokens or hex values; reuse the ones above.\n- When a value is missing, pick the closest existing semantic token and flag the gap.\n- Refere",
  "cost": {
    "context_tokens": 167
  }
}