Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add Kevin-Liu-01/Sigil-UI --skill sigil-tokensgit clone --depth 1 https://github.com/Kevin-Liu-01/Sigil-UIWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/kevin-liu-01/sigil-ui/sigil-tokens)<a href="https://agentmods.dev/skills/kevin-liu-01/sigil-ui/sigil-tokens"><img src="https://agentmods.dev/badge/skills/kevin-liu-01/sigil-ui/sigil-tokens/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/kevin-liu-01/sigil-ui/sigil-tokens"><img src="https://agentmods.dev/badge/skills/kevin-liu-01/sigil-ui/sigil-tokens.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00004 | $0.01381 |
| Opus 5 | $0.00002 | $0.00691 |
| Sonnet 5 | $0.00001 | $0.00276 |
| Haiku 4.5 | $0.00000 | $0.00138 |
Grade A, and why
sigil-tokens scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 12d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 142 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Sigil Tokens
Edit and extend the Sigil token system — the single source of truth for all design decisions.
When to Use
- User asks to change a color, font, spacing, or shadow value
- User says "edit tokens", "change primary color", "update spacing"
- User wants to add a new token category or extend existing ones
- User is debugging token output (CSS variables not applying)
- User asks about the token architecture (primitive → semantic → component)
How to Use
1. Token architecture
Sigil uses a three-layer token system:
Primitive → raw values (oklch colors, px sizes, font stacks)
Semantic → named purpose (primary, surface, text, border)
Component → specific usage (card-radius, grid-cell, cross-arm)
All tokens are defined as TypeScript types in packages/tokens/src/types.ts and default values in packages/tokens/src/tokens.ts.
2. Token categories
| Category | Type | CSS Prefix | Example |
|---|---|---|---|
| Colors | ColorTokens |
--s- |
--s-primary |
| Typography | TypographyTokens |
--s-font- |
--s-font-display |
| Spacing | SpacingTokens |
--s-spacing- |
--s-spacing-4 |
| Sigil | SigilGridTokens |
--s- |
--s-grid-cell |
| Radius | RadiusTokens |
--s-radius- |
--s-radius-md |
| Shadows | ShadowTokens |
--s-shadow- |
--s-shadow-lg |
| Motion | MotionTokens |
--s-duration- / --s-easing- |
--s-duration-fast |
| Borders | BorderTokens |
--s-border-width- |
--s-border-width-thin |
3. Adding a new token
- Add the type to
packages/tokens/src/types.ts:export type ZIndexTokens = { readonly base: string; readonly dropdown: string; readonly modal: string; readonly toast: string; };
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 12d ago First seen · 142 lines · 4 tokens per session scan A 4c27be84581d
sigil-tokens is a skill published in the GitHub repository Kevin-Liu-01/Sigil-UI (9 stars, last pushed 1mo ago), licensed MIT. It adds 4 tokens to every session and 1,381 once invoked, about $0.0000 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other skills, from other repositories
design-system-tokens
Design token management with the W3C Design Token spec, three-tier hierarchy (global/alias/component), OKLCH color, Style Dictionary transforms, and dark mode theming. Use when creating token files, implementing theme systems, or building design-to-code pipelines.
design-system-architecture
Build scalable design systems with design tokens, component APIs, and documentation. Use when creating or evolving component libraries.
extract-design
Extract the full design language from any website URL. Produces 8 output files including AI-optimized markdown, visual HTML preview, Tailwind config, React theme, shadcn/ui theme, Figma variables, W3C design tokens, and CSS variables. Also runs WCAG accessibility scoring. Use when user says 'extract design', 'get…
designlang-tokens
Use when styling UI for cal.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
design-dna
Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects, etc.). Use this skill when: (1) a user wants to see the full 3-dimension design structure/schema, (2) a user provides…
ss-studio
Turn a product brief and optional references into three distinct creative directions, a human-selected StyleSeed interaction plan, generated image/video asset jobs, a working UI prototype, and a verified prototype-first showcase reel. Use for client concepts, app interaction exploration, trendy but coherent UI…