ibelick/ui-skills: 9 Agent Skills
Skills for Design Engineers
| Repository | ibelick/ui-skills · website |
|---|---|
| GitHub stars | 10,065 |
| Skills | 9 |
| Category | Software engineering |
| License | MIT |
| Last updated | Oct 20, 2026 |
| Install counts | ibelick/ui-skills on skills.sh, Vercel's skills directory, which shows installs and security audits per skill |
Install ibelick/ui-skills
| All skills, any agent | npx skills add ibelick/ui-skills |
|---|---|
| One skill | npx skills add ibelick/ui-skills --skill baseline-ui |
| Only for Claude Code | npx skills add ibelick/ui-skills -a claude-code, or copy a skill folder to ~/.claude/skills/ (all projects) or .claude/skills/ (one project) |
npx skills is the open-source skills CLI; it asks which agents to install for. Skills can include scripts that your agent will run: read a skill before installing it, as you would any code.
Skills in ibelick/ui-skills
| Skill | What it does |
|---|---|
| baseline-ui | Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.npx skills add ibelick/ui-skills --skill baseline-ui |
| component-canvas | Build a full-screen, interactive canvas to explore existing UI components and their variants with pan and zoom.npx skills add ibelick/ui-skills --skill component-canvas |
| create-canvas | Build a freeform canvas to explore, compare, and iterate on anything.npx skills add ibelick/ui-skills --skill create-canvas |
| create-design-md | Create or update a DESIGN.md from an existing product repository or public website. Use when asked to document an interface's design language, reconstruct its visual system, extract design tokens and guidance from current evidence, or give coding agents persistent UI context. Do not modify product…npx skills add ibelick/ui-skills --skill create-design-md |
| fixing-accessibility | Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.npx skills add ibelick/ui-skills --skill fixing-accessibility |
| fixing-metadata | Audit and fix HTML metadata including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, JSON-LD structured data, and robots directives. Use when adding SEO metadata, fixing social share previews, reviewing Open Graph tags, setting up canonical URLs, or…npx skills add ibelick/ui-skills --skill fixing-metadata |
| fixing-motion-performance | Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.npx skills add ibelick/ui-skills --skill fixing-motion-performance |
| improve-ui | Audit an existing product surface against its own design evidence, identify verified UI problems, and write self-contained implementation plans for another agent. Strictly read-only on product source. Use when asked to review, refine, improve, or clean up an interface without replacing its…npx skills add ibelick/ui-skills --skill improve-ui |
| ui-skills-root | Use before UI-related work to select the smallest useful UI Skills context through the ui-skills CLI.npx skills add ibelick/ui-skills --skill ui-skills-root |
Names and descriptions come from each skill's SKILL.md and are written by the pack's authors.
More software engineering skill packs
| # | Skill pack | Skills | GitHub stars | Updated |
|---|---|---|---|---|
| 1 |
obra/superpowers An agentic skills framework & software development methodology that works.
|
15 | 304K | 2026-10-23 |
| 2 |
mattpocock/skills Skills for Real Engineers. Straight from my .agents directory.
|
38 | 301K | 2026-10-22 |
| 3 |
multica-ai/andrej-karpathy-skills A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
|
1 | 223K | 2026-04-20 |
| 4 |
DietrichGebert/ponytail Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
|
6 | 174K | 2026-10-18 |
| 5 |
Shubhamsaboo/awesome-llm-apps 100+ AI Agents, Agent Skills and RAG Apps - Free and Open Source.
|
10 | 143K | 2026-10-22 |
| 6 |
addyosmani/agent-skills Production-grade engineering skills for AI coding agents.
|
25 | 110K | 2026-10-13 |