How do I install the Circuit UI skill?

Run npx skillmds@latest add tomevault-io/circuit-ui in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Circuit UI safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Circuit UI?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Circuit UI free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Circuit UI?

tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Circuit UI by tomevault-io — Agent Skill

Name: Circuit UI
Author: tomevault-io

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.

tomevault-io Updated Sep 17, 2026

File contents

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

Determine whether the request is token-focused, component-focused, hook-focused, or a mix.
Use the generated references first.
If the request needs deeper implementation details, then inspect component, hook, or token source files.
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 — distributed by TomeVault.

Frequently asked questions