← All skills

cf:ui-ux

75 / 100 · Review before installing

Check before installing.

By haposoft/cafekit (GitHub) · design · 54 stars · scanned at commit e800d3d

Build, review, or redesign an in-app screen (dashboard, list, table, form, settings, modal) the way a designer works: brief, 2–3 wireframes, the user picks, then build with the project's own components and measure the page with a browser probe. On request it also reviews an existing UI, rebuilds with or without the current brand, refactors styling while keeping the look, builds immediately without wireframes, builds a design system or component kit first, makes a simple logo, or fixes one compo…

Works with any agent that supports SKILL.md skills.

What this skill can do

Install

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

if [ -e ~/.agents/skills/'cf-ui-ux' ] || [ -L ~/.agents/skills/'cf-ui-ux' ]; then echo 'A skill folder named cf-ui-ux already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/haposoft/cafekit' "$d" && git -C "$d" checkout --quiet 'e800d3dbf8e84dd92e85cf58e99a4f4150e240db' -- 'packages/spec/src/claude/skills/ui-ux' && mkdir -p ~/.agents/skills && cp -R "$d"/'packages/spec/src/claude/skills/ui-ux' ~/.agents/skills/'cf-ui-ux' && 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/'cf-ui-ux' ~/.claude/skills/'cf-ui-ux' (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 haposoft/cafekit shows the score of its lowest-scoring skill.

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

Score history