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 agentmods add skills/maddhruv/absolute/absolute-uinpx skills add maddhruv/absolute --skill absolute-uigit clone --depth 1 https://github.com/maddhruv/absoluteWrote 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/maddhruv/absolute/absolute-ui)<a href="https://agentmods.dev/skills/maddhruv/absolute/absolute-ui"><img src="https://agentmods.dev/badge/skills/maddhruv/absolute/absolute-ui.svg" alt="Measured on agentmods" 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 | $0.00121 | $0.06059 |
| Opus 5 | $0.00060 | $0.03030 |
| Sonnet 5 | $0.00024 | $0.01212 |
| Haiku 4.5 | $0.00012 | $0.00606 |
Grade A, and why
absolute-ui 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 4d 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 — 446 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Start your first response with the 🧢 emoji.
Absolute UI
A comprehensive design system knowledge base for building UIs that feel crafted by a senior designer, not generated by a prompt. This skill encodes specific, opinionated rules - exact spacing values, proven color ratios, real typography scales, and battle-tested component patterns. Every recommendation is actionable with concrete CSS/Tailwind values, not vague advice like "make it clean."
The difference between AI slop and a polished UI comes down to constraint and restraint - fewer colors used with intention, consistent spacing from a scale, typography that creates hierarchy without screaming, and micro-interactions that feel responsive without being distracting.
When to use this skill
Trigger this skill when the user:
- Asks to build or style a UI component (button, card, form, table, nav)
- Needs help with layout, spacing, or grid decisions
- Wants to implement dark mode or theme switching
- Asks about typography, font choices, or text styling
- Needs accessible and WCAG-compliant designs
- Wants landing page, onboarding, or conversion-focused layouts
- Asks about animations, transitions, or micro-interactions
- Needs help with responsive design or mobile navigation
- Wants feedback patterns (toasts, tooltips, loading states)
- Asks to make something "look better" or "more professional"
Do NOT trigger this skill for:
- Backend logic, API design, or database schema questions
- Brand identity or logo design (this is implementation, not branding)
Read config first
Before writing any markup or CSS, read cached config: if .absolute.config.json or
~/.absolute/config.json exists (from /absolute init), resolve the effective config
(project file → global projects["<cwd>"] → global defaults) and adopt conventions.ui:
framework— generate for the project's framework (react/vue/svelte), not a default.styling— use the project's system (tailwind / css-modules / styled-components / vanilla) instead of assuming Tailwind.iconLibrary— pull icons from the project's library (principle 7 mandates real icons); don't introduce a different one.componentLib— build on the existing component library (shadcn/mui/chakra) when set.tokensPath— read existing design tokens from this file and extend them, don't invent a parallel scale.
What ships with it
28 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- README.md 816 B
- references/accessibility.md 8.5 KB
- references/animation-libraries.md 7.0 KB
- references/atmosphere-and-texture.md 11 KB
- references/buttons-and-icons.md 10.0 KB
- references/cards-and-lists.md 9.6 KB
- references/color-and-theming.md 17 KB
- references/dashboards.md 14 KB
- references/design-tokens.md 13 KB
- references/feedback-and-status.md 7.9 KB
- references/forms-and-inputs.md 11 KB
- references/grids-spacing-and-layout.md 13 KB
- references/images-and-media.md 10 KB
- references/landing-pages.md 9.5 KB
- references/micro-animations.md 11 KB
- references/microcopy-and-ux-writing.md 7.5 KB
- references/navigation.md 11 KB
- references/onboarding.md 8.8 KB
- references/palette-recipes.md 6.3 KB
- references/performance.md 8.7 KB
- references/product-type-guide.md 11 KB
- references/responsiveness-and-mobile-nav.md 10.0 KB
- references/scroll-patterns.md 8.4 KB
- references/shadows-and-borders.md 10.0 KB
- references/style-catalog.md 17 KB
- references/tables.md 7.4 KB
- references/typography.md 15 KB
- references/visual-hierarchy.md 8.1 KB
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.
- 4d ago First seen · 446 lines · 121 tokens per session scan A 5a8abd7cb303
absolute-ui is a skill published in the GitHub repository maddhruv/absolute (209 stars, last pushed 2mo ago), licensed MIT. It adds 121 tokens to every session and 6,059 once invoked, about $0.0006 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-30.
Other skills, from other repositories
design-md
Author/validate/export Google's DESIGN.md token spec files.
ui-design
先推理，后构建。 AI 最大的设计问题是跳过对业务逻辑和用户意图的深度分析，直接套用万能模板：居中 Hero 布局、饱和度过高的蓝紫渐变、无脑的 Inter 全家桶、以及满屏的毛玻璃卡片。这不叫设计，这叫向默认值妥协[cite: 3]。.
UI Designer
React + TypeScript + Tailwind CSS chat interface specialist for this project's streaming chat UI.
web-design
UI review against Web Interface Guidelines. Use when asked to review UI, check accessibility, or audit design.
design-system
Document and define UI design system tokens, components, and guidelines.
frontend-ui-engineering
Builds production-quality UIs. Use when building or modifying user-facing interfaces. Use when creating components, implementing layouts, managing state, or when the output needs to look and feel production-quality rather than AI-generated.