Skip to content
SkillCheatSheet Sign in

explain-interface

An AI agent skill from jakubkrehel/skills, scored 52 out of 100 by code.

52/ 100D

Code score by group

  • Spec20/20
  • Description7/20
  • Procedure0/15
  • Done criteria4/15
  • Resources6/10
  • Scripts5/8
  • Safety7/7
  • Upkeep3/5

It loses the most points in Procedure (15), the group that checks whether the steps are numbered, read the context first and say what to do when something fails.

What the author says it does

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

This is the description in the skill's own SKILL.md, written by its author, not by SkillCheatSheet.

Repository
jakubkrehel/skills
Folder
skills/explain-interface
License
MIT
GitHub stars
12,051
SKILL.md lines
107
Other files
5

Add explain-interface to your agent

npx skills add jakubkrehel/skills --skill explain-interface

The command uses the open skills CLI. A skill is instructions and scripts your agent will follow, so read it first: open the folder on GitHub at the commit that was scored.

More skills from jakubkrehel/skills

  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

All skills in jakubkrehel/skills

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.