# Best Design Skills

> What worldclass designers are using

A compact set of skills for stronger results and design quality.

## Links

- HTML page: https://omgskills.com/collections/elite-ui-design/

## Featured skills

1. [canvas-design](https://omgskills.com/skills/anthropics/skills/canvas-design/index.md) — Used to create beautiful visual art in .png and .pdf documents using design philosophy.
   - [@anthropics](https://omgskills.com/library/anthropics/index.md) · 175k stars
   - Install: `git clone https://github.com/anthropics/skills /tmp/skills && ln -s /tmp/skills/skills/canvas-design ~/.claude/skills/canvas-design`
2. [impeccable](https://omgskills.com/skills/pbakaus/impeccable/impeccable/index.md) — Used when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize,...
   - [@pbakaus](https://omgskills.com/library/pbakaus/index.md) · 68k stars
   - Install: `git clone https://github.com/pbakaus/impeccable /tmp/impeccable && ln -s /tmp/impeccable/.claude/skills/impeccable ~/.claude/skills/impeccable`
3. [web-design-guidelines](https://omgskills.com/skills/vercel/examples/web-design-guidelines/index.md) — Used to review UI code for Web Interface Guidelines compliance.
   - [@vercel](https://omgskills.com/library/vercel/index.md) · 5.2k stars
   - Install: `git clone https://github.com/vercel/examples /tmp/examples && ln -s /tmp/examples/.agents/skills/web-design-guidelines ~/.claude/skills/web-design-guidelines`
4. [emil-design-eng](https://omgskills.com/skills/emilkowalski/skill/emil-design-eng/index.md) — This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible...
   - [@emilkowalski](https://omgskills.com/library/emilkowalski/index.md) · 28k stars
   - Install: `git clone https://github.com/emilkowalski/skills /tmp/skills && ln -s /tmp/skills/skills/emil-design-eng ~/.claude/skills/emil-design-eng`
5. [baseline-ui](https://omgskills.com/skills/ibelick/ui-skills/baseline-ui/index.md) — Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues.
   - [@ibelick](https://github.com/ibelick) · 8.5k stars
   - Install: `git clone https://github.com/ibelick/ui-skills /tmp/ui-skills && ln -s /tmp/ui-skills/skills/baseline-ui ~/.claude/skills/baseline-ui`
6. [make-interfaces-feel-better](https://omgskills.com/skills/jakubkrehel/make-interfaces-feel-better/make-interfaces-feel-better/index.md) — Used to design engineering principles for making interfaces feel polished.
   - [@jakubkrehel](https://omgskills.com/library/jakubkrehel/index.md) · 2.9k stars
   - Install: `git clone https://github.com/jakubkrehel/make-interfaces-feel-better /tmp/make-interfaces-feel-better && ln -s /tmp/make-interfaces-feel-better/skills/make-interfaces-feel-better ~/.claude/skills/make-interfaces-feel-better`
7. [oklch-skill](https://omgskills.com/skills/jakubkrehel/oklch-skill/oklch-skill/index.md) — OKLCH color space for web projects.
   - [@jakubkrehel](https://omgskills.com/library/jakubkrehel/index.md) · 229 stars
   - Install: `git clone https://github.com/jakubkrehel/oklch-skill /tmp/oklch-skill && ln -s /tmp/oklch-skill/skills/oklch-skill ~/.claude/skills/oklch-skill`
8. [extract-design-system](https://omgskills.com/skills/arvindrk/extract-design-system/skills/extract-design-system/index.md) — Extract design primitives from a public website and generate starter token files for your project.
   - [@arvindrk](https://github.com/arvindrk) · 182 stars
   - Install: `git clone https://github.com/arvindrk/extract-design-system /tmp/extract-design-system && ln -s /tmp/extract-design-system/skills/extract-design-system ~/.claude/skills/extract-design-system`

## Others you might like

- [Best iOS Skills](https://omgskills.com/collections/build-ios-apps/index.md)
- [Claude Skills for Research](https://omgskills.com/collections/research/index.md)
- [Most used skills](https://omgskills.com/collections/the-goat-list/index.md)