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-presetgit 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-preset)<a href="https://agentmods.dev/skills/kevin-liu-01/sigil-ui/sigil-preset"><img src="https://agentmods.dev/badge/skills/kevin-liu-01/sigil-ui/sigil-preset/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-preset"><img src="https://agentmods.dev/badge/skills/kevin-liu-01/sigil-ui/sigil-preset.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.02673 |
| Opus 5 | $0.00002 | $0.01337 |
| Sonnet 5 | $0.00001 | $0.00535 |
| Haiku 4.5 | $0.00000 | $0.00267 |
Grade A, and why
sigil-preset 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 — 223 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Sigil Preset
Create and modify complete token presets that define the visual identity of a Sigil-powered project.
The #1 Rule: Full Token Coverage
Every custom preset MUST populate ALL 33 token categories and ALL fields.
The canonical template is packages/presets/src/_template.ts. It contains every
field from SigilTokens with sensible defaults. When creating a custom preset:
- Start from the template — copy
_template.ts, rename, change values. - Never delete fields — change values, don't remove keys.
- No partial presets — if a field exists in
_template.ts, it must exist in your preset.
The 33 required categories (all must be present):
| # | Category | Fields | Required |
|---|---|---|---|
| 1 | colors |
36 | yes (type-required) |
| 2 | typography |
31 | yes (type-required) |
| 3 | spacing |
25 | yes (type-required) |
| 4 | layout |
22 | yes (template-required) |
| 5 | sigil |
10 | yes (type-required) |
| 6 | radius |
16 | yes (type-required) |
| 7 | shadows |
14 | yes (type-required) |
| 8 | motion |
19 | yes (type-required) |
| 9 | borders |
11 | yes (type-required) |
| 10 | buttons |
9 | yes (template-required) |
| 11 | cards |
18 | yes (template-required) |
| 12 | headings |
15 | yes (template-required) |
| 13 | navigation |
24 | yes (template-required) |
| 14 | backgrounds |
9 | yes (template-required) |
| 15 | code |
14 | yes (template-required) |
| 16 | inputs |
13 | yes (template-required) |
| 17 | cursor |
15 | yes (template-required) |
| 18 | scrollbar |
13 | yes (template-required) |
| 19 | alignment |
13 | yes (template-required) |
| 20 | sections |
25 | yes (template-required) |
| 21 | dividers |
15 | yes (template-required) |
| 22 | gridVisuals |
10 | yes (template-required) |
| 23 | focus |
5 | yes (template-required) |
| 24 | overlays |
8 | yes (template-required) |
| 25 | dataViz |
13 | yes (template-required) |
| 26 | media |
6 | yes (template-required) |
| 27 | controls |
11 | yes (template-required) |
| 28 | componentSurfaces |
12 | yes (template-required) |
| 29 | hero |
25 | yes (template-required) |
| 30 | cta |
15 | yes (template-required) |
| 31 | footer |
15 | yes (template-required) |
| 32 | banner |
12 | yes (template-required) |
| 33 | pageRhythm |
14 | yes (template-required) |
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 · 223 lines · 4 tokens per session scan A 89298229d86f
sigil-preset 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 2,673 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…