# Circuit UI > Use this skill when working with the Circuit UI design system. It provides generated inventories of design tokens plus exported Circuit UI components and hooks from the source code, so you can answer usage and availability questions with current data. - Skill: `tomevault-io/circuit-ui` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add tomevault-io/circuit-ui` - Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/circuit-ui/raw - Safety review: pending (external: skill-scanner PASS, skillspector PASS) - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Design & Media - Author: tomevault-io (https://skillmd.com/u/tomevault-io) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/tomevault-io/circuit-ui --- # Circuit UI Design System Use this skill for questions and implementation work related to Circuit UI tokens, components, and hooks. ## Entrypoint - Read `references/design-tokens.md` for the source-of-truth token inventory. - Read `references/components.md` for the source-of-truth exported API inventory index for available components. - Read `references/hooks.md` for the source-of-truth exported API inventory index for available hooks. - Open linked files in `references/components/` and `references/hooks/` for usage guidance copied from MDX stories/docs. ## Required Workflow 1. Determine whether the request is token-focused, component-focused, hook-focused, or a mix. 2. Use the generated references first. 3. If the request needs deeper implementation details, then inspect component, hook, or token source files. 4. Keep answers aligned with currently exported APIs, not internal modules. ## Notes - Token inventory is generated from `packages/design-tokens/themes/schema.ts`. - API inventory is generated from `packages/circuit-ui/index.ts`. - Component and hook usage references are copied from `packages/circuit-ui/components/**/*.mdx` and `packages/circuit-ui/hooks/**/*.mdx`. - Treat generated references as the primary interface docs for this skill. --- > Source: [sumup-oss/circuit-ui](https://github.com/sumup-oss/circuit-ui) — distributed by [TomeVault](https://tomevault.io).