Updated 3d ago
by jakubkrehel
skills
A collection of agent skills that help you build great interfaces.
8k GitHub stars (7,956)
+761 in 20 days
| Period | New stars |
|---|---|
| Sep 27 | +5 |
| Sep 28 | +40 |
| Sep 29 | +80 |
| Sep 30 | +64 |
| Oct 1 | +7 |
| Oct 2 | +21 |
| Oct 3 | +15 |
| Oct 4 | +8 |
| Oct 5 | +21 |
| Oct 6 | +25 |
| Oct 7 | +28 |
| Oct 8 | +15 |
| Oct 9 | +67 |
| Oct 10 | +51 |
| Oct 11 | +80 |
| Oct 12 | +78 |
| Oct 13 | +66 |
| Oct 14 | +34 |
| Oct 15 | +28 |
| Oct 16 | +28 |
- 11 skills (11 skills found in its SKILL.md files)
- 302 forks (302 forks)
- 3d ago last update (Last updated 3d ago)
Install
Skills CLI
npx skills add jakubkrehel/skills
Asks which skills and agents to install. Just one: npx skills add jakubkrehel/skills --skill better-accessibility — add -g for every project.
Claude Code
git clone https://github.com/jakubkrehel/skillscp -r "skills/skills/better-accessibility" ~/.claude/skills/
Copies the better-accessibility skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add jakubkrehel/skills
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
better-accessibility
Helps your project comply with accessibility standards and best practices.
skills/better-accessibility/SKILL.md on GitHub (opens in a new tab) -
better-colors
Helps you build a color system and answer anything about color in your project. You can generate palettes, use semantic tokens, convert between formats, check contrast and more.
skills/better-colors/SKILL.md on GitHub (opens in a new tab) -
better-interface
Combines all of the `better-*` skills into a single review across accessibility, layout, writing, typography, color and UI polish.
skills/better-interface/SKILL.md on GitHub (opens in a new tab) -
better-layout
Helps with grouping, alignment, reading order, progressive disclosure and other details that make a good layout.
skills/better-layout/SKILL.md on GitHub (opens in a new tab) -
better-typography
Focuses on type scale, spacing, sizing, variable fonts, OpenType features, wrapping, truncation and other details that make typography feel great across your product.
skills/better-typography/SKILL.md on GitHub (opens in a new tab) -
better-ui
Polishes and improves the UI in your project. Covers concentric border radius, optical alignment, surface depth, contextual icons, hit areas and more.
skills/better-ui/SKILL.md on GitHub (opens in a new tab) -
better-writing
Focuses on improving product copy in your project.
skills/better-writing/SKILL.md on GitHub (opens in a new tab) -
break
Renders a component you choose in every state and scenario on a temporary page and stress tests it.
skills/break/SKILL.md on GitHub (opens in a new tab) -
explain-interface
Helps you figure out how something was built on the web.
skills/explain-interface/SKILL.md on GitHub (opens in a new tab) -
interface-review
Reviews your work across multiple categories like UI, typography, layout, color, writing and accessibility and gives you a detailed analysis of the findings.
skills/interface-review/SKILL.md on GitHub (opens in a new tab) -
variant
Builds multiple variants of a component you're working on and helps you iterate and pick one.
skills/variant/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.