← All skills

ui-design-playbook

100 / 100 · Low risk

Fine to try.

By connorads/dotfiles (GitHub) · design · 18 stars · scanned at commit 096aebe

Concrete rules for building or restyling UI in code: visual hierarchy, spacing and layout, type scales, colour palettes, depth and shadows, images, and finishing flourishes. Consult WHILE building, styling, restyling, or design-reviewing an interface - whenever something needs to "look better", feel more polished, or when setting up spacing / type / colour systems. Framework-agnostic, with a separate Tailwind v4 mapping.

Works with any agent that supports SKILL.md skills.

Partially scanned — some files couldn't be read; we'll retry on the next scan

What this skill can do

We found nothing in the files we read that matches our rules. That does not prove the skill is safe: see the limits of static scanning.

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'ui-design-playbook' ] || [ -L ~/.agents/skills/'ui-design-playbook' ]; then echo 'A skill folder named ui-design-playbook already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/connorads/dotfiles' "$d" && git -C "$d" checkout --quiet '096aebe7f24cd9d06bcbf758550219e0c5614e4e' -- '.config/skills/personal/ui-design-playbook' && mkdir -p ~/.agents/skills && cp -R "$d"/'.config/skills/personal/ui-design-playbook' ~/.agents/skills/'ui-design-playbook' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'ui-design-playbook' ~/.claude/skills/'ui-design-playbook' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for connorads/dotfiles shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/connorads/dotfiles.svg)](https://zalavijaysinh.github.io/skilltrust/repos/connorads/dotfiles/)

Score history