🧢
Frontend

Absolute UI

by maddhruv

Absolute UI is a Frontend skill for Claude Code, published by maddhruv in absolute.

209 stars29 forkson maddhruv/absoluteAdded 2026/09/04Repository updated 2026/07/06
claudeclaude-codeclaude-skillscodexdocumentationgeminimarketingmemoryproduct-managementseoskillssoftware
Install in seconds
Install Absolute UI
Copy Absolute UI into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/maddhruv/absolute/tree/main/skills/absolute-ui ~/.claude/skills/absolute-ui

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/maddhruv/absolute.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
skills/absolute-ui/SKILL.md in maddhruv/absolute
Installs to
~/.claude/skills/absolute-ui
Collection
One of 11 skills cataloged from this repository
Category
Frontend641 skills

What Absolute UI does

Absolute UI builds polished interfaces with exact CSS/Tailwind values for typography, spacing, color, layout, dark mode, and accessibility. Use it when styling components, pages, or responsive layouts that need a more intentional look.

Absolute UI is cataloged under Frontend on DirSkills. Absolute UI comes from a repository tagged claude, claude-code, claude-skills, codex and documentation.

Documentation

README

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

This is the opening of the README. Read the full README on GitHub.

Commands Absolute UI provides

Slash commands named in this skill’s SKILL.md, listed in the order they first appear.

  • /absolute

Frequently asked about Absolute UI

  • What else does maddhruv publish alongside Absolute UI?

    Absolute UI is one of 11 skills that DirSkills catalogs from maddhruv/absolute, the repository it ships in. Its siblings there include Absolute Audit, Absolute Debt and Absolute Deflake. Each one is a separate skill with its own page in this directory, installs the same way Absolute UI does, and is maintained by maddhruv in that same repository. The rest of the collection is listed on the maddhruv/absolute page.

  • How does Absolute UI compare to other Frontend skills?

    Absolute UI ranks #598 by stars among the 641 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Absolute UI against them. Open each page to compare what they document and how they install.

More from maddhruv/absolute

Absolute UI is one of 11 skills cataloged on DirSkills from maddhruv/absolute.

See all 11 skills
🔒
2h ago

Absolute Audit

Absolute Audit scans a repository for dependency CVEs and risky code patterns, then triages and fixes the issues worth addressing. Use it to harden your own codebase after a disclosure or as part of routine security hygiene.
Quality
20929
🧾
2h ago

Absolute Debt

Absolute Debt clears pre-existing lint, type, and suppression debt across a repo on green main. Use it to burn down warnings, errors, and ignores in safe waves, one rule at a time, with tests passing after each wave.
Quality
20929
🧪
2h ago

Absolute Deflake

Absolute Deflake finds nondeterministic tests, diagnoses the root cause, and fixes the source of flakiness. Use it when CI is flaky or a test fails intermittently, then verify the fix with repeated randomized runs.
Quality
20929
📚
2h ago

Absolute Docs

Absolute Docs helps write, improve, or audit developer documentation using Diátaxis. It checks the docs stack, gates on outlines, and verifies claims against code before publishing.
Writing
20929
⚙️
2h ago

Absolute Init

Absolute Init detects a repo’s conventions, asks a few setup questions, and writes shared and local config for other absolute commands. Use it the first time in a project or when conventions change.
Automation
20929
✂️
2h ago

Absolute Prune

Absolute Prune removes dead code, unused dependencies, unreferenced exports, unreachable branches, and orphaned files from the whole repo. It is used on green main and verifies each removal with tool evidence and tests before deleting anything.
Quality
20929