jakubkrehel/skills

Agent skills in the GitHub repository jakubkrehel/skills, each with its code score out of 100.

A collection of agent skills that help you build great interfaces.

Repository score

65 / 100 C

Skills

15

Verified

0

Average skill score

58

GitHub stars

12,051

License

MIT

Open jakubkrehel/skills on GitHub

15 skills in this repository

1. teardown

   Creates technical illustrations of physical objects and of how things work, such as display pixels or interface layers, with coherent views, fine linework and part fills.

   69C
2. better-interface

   Reviews a screen, flow or whole interface across accessibility, layout, writing, typography, color and UI polish, and returns one ranked report.

   68C
3. better-writing

   Writes and reviews interface copy, from labels and errors to empty states and confirmations, so it matches the product's voice and tells people what to do next.

   68C
4. interface-review

   Reviews a branch, pull request or uncommitted change for the interface problems it introduced or regressed, across accessibility, layout, writing, typography, color and UI.

   66C
5. afk

   Works through a project while you're away, finding improvements and new ideas, building the best of them on a local branch and leaving a report for when you're back.

   62C
6. better-accessibility

   Reviews and fixes keyboard and focus behavior, ARIA, accessible names, forms, screen-reader announcements, motion and zoom against WCAG 2.2.

   62C
7. state-machine

   Renders every state of a component you choose on a throwaway page, with mock data and a switcher, so you can work on each state.

   58C
8. better-layout

   Sets grouping, alignment, reading order, responsive structure and room for translated text, so a layout holds up when it is resized, translated or mirrored.

   54D
9. break

   Renders a component you choose under every scenario that can reach it on a temporary page and stress tests it.

   54D
10. better-colors

    Builds and checks color systems by generating palettes, naming semantic tokens, converting between formats and measuring contrast.

    53D
11. better-ui

    Polishes surfaces, icons and motion with exact values for border radius, optical alignment, shadows, icon states and animation.

    53D
12. build-design

    Builds UI from a Figma file or a design image so it matches the design, using the project's existing tokens and components.

    52D
13. explain-interface

    Explains how a website, a visual effect or an animation was built, from a live URL or a screenshot.

    52D
14. variant

    Builds multiple variants of a component you're working on and helps you iterate and pick one.

    51D
15. better-typography

    Sets and reviews how text renders, from the type scale and spacing to font features, wrapping, truncation and punctuation.

    50D

Scores come from a snapshot of 300 public GitHub repositories taken on 12 November 2026. Every score is the result of fixed checks run by code; no AI is involved. How scoring works.