mrkeyoor.com_
Thu 10 Sept 13:48 UTC
Dev Toolsevaluationupdated 10 Sept 2026

skills review

Jakub Krehel's Skills is a set of 11 English-language agent instructions for reviewing and improving web interfaces. It covers UI details, typography, color, accessibility, layout, product copy, change reviews, interface explanations, component stress tests, and design variants.

trackingstars / 7d
Verdict

Our sandbox could not execute commit 267330e because it is a Markdown skill collection with no supported ecosystem or Dockerfile, so adoption rests on reviewing the instructions and testing them in your own agent. The 11 skills are unusually specific about interface judgment and worth trying one at a time. Pin the MCP dependency yourself, inspect every suggested edit, and do not mistake agent prose for a browser-tested accessibility result.

We ran it

Screenshot of skills (jakub.kr/skills)

Answers from our run

Did you run skills yourself?

No. Its code is Markdown, and it carries no manifest our lab installs from, and no Dockerfile, so there was nothing standard to install, build or test. This review is written from the repository's own documentation.

Who should not use skills?

Teams seeking a runnable linter or test suite: the repository contains Markdown instructions, and our sandbox found no supported ecosystem or Dockerfile.

What are the alternatives to skills?

Anthropic Skills, HumanLayer Skills, Skills CLI. The 11 skills are unusually specific about interface judgment and worth trying one at a time.

Setup4/5One npx command or 2 plugin commands; no executable lab path
Docs4/5Detailed skill files, but the README leaves runtime needs implicit
Community4/56,076 stars and issue activity through September 7, 2026
Maturity3/5Specific guidance, no tagged releases, and open field-use corrections

Who it’s for

Claude Code users who want an opinionated interface reviewer inside a coding session.
Front-end teams willing to compare agent findings with rendered pages and project conventions.
Designers who want repeatable checks for type, color, layout, copy, and accessibility.
Developers who want temporary component state pages or several implementation variants to compare.

Who it’s NOT for

Teams seeking a runnable linter or test suite: the repository contains Markdown instructions, and our sandbox found no supported ecosystem or Dockerfile.
Developers who need deterministic checks: issue 22 reports that one typography request shape invoked the skill 9 of 18 times, while a problem-framed version invoked it 20 of 20 times.
Next.js teams expecting the current break guidance to preserve Server Components by default: issue 37 says it unnecessarily requires a page-level client boundary.
Security-conscious teams unwilling to review moving tool dependencies: issue 36 says the explain-interface setup installs chrome-devtools-mcp@latest.
Organizations that require pinned releases and upgrade notes: GitHub has no tagged release for this repository.

Setup reality

Our sandbox did not run jakubkrehel/skills at commit 267330e on 2026-09-10 because its language is Markdown, the harness supports no ecosystem for it, and the repository has no Dockerfile. There are no installation, build, or test numbers to report.

The README offers npx skills add jakubkrehel/skills plus 2 Claude Code plugin commands. Those paths need Node or Claude Code, and explain-interface can add Chrome DevTools MCP through npx. A useful evaluation also needs a real front-end repository and a browser for visual claims.

The instructions can inspect files, create temporary pages, and edit interface code when asked. Their output still depends on the host agent, model, loaded companion skills, project commands, and browser access. No tagged release gives teams a stable version marker.

Eleven skills divide interface work by discipline

Jakub Krehel's repository contains 11 English-language agent skills. Six better-* entries cover accessibility, layout, writing, typography, color, and UI polish. better-interface coordinates those specialists into one report. Four user-invoked tools review a change, explain how an interface works, render a component in many states, or build variants for comparison. The result is closer to an editor's handbook than a package imported by an application.

The separation is useful because the instructions assign ownership instead of letting every review become a grab bag. better-accessibility handles keyboard paths and semantic controls, while better-colors owns contrast measurements. better-interface caps its consolidated report at 15 findings and requires a file and line for code claims. That structure can make an agent less prone to listing personal taste as a defect, provided all 6 domain skills are available when the combined review starts.

The review method demands code and browser evidence

The combined skill says a visual finding needs rendered evidence, while a code finding needs the current implementation. It asks the agent to identify the framework, styling system, design tokens, viewports, and project guidance before judging a screen. It also names 320px reflow and 200% zoom among its accessibility checks. Those are concrete review conditions, although the Markdown cannot force the host agent to obtain a browser or finish every check.

The rules are more prescriptive than a general design checklist. A focus indicator needs a 2px perimeter or equivalent visible area. Touch targets aim for 44 by 44 pixels, with 24 by 24 pixels presented as the WCAG 2.5.8 baseline. Motion should respect prefers-reduced-motion. These values make findings easier to verify, but teams should still reconcile suggested fixes with the rendered component and the accessibility standards they support.

What happened when we ran it

Our sandbox did not run commit 267330e on 2026-09-10. The harness classified the repository's language as Markdown, found no supported ecosystem, and found no Dockerfile. The allocation was 3 CPUs and 8 GB of RAM in an unprivileged container with no secrets. There is no install result, build result, test result, dependency count, or vulnerability result for us to claim.

That outcome matches the product's form: 11 folders contain instructions and references, not a conventional application entry point. It does not show whether Claude Code selects the right skill, whether a generated component compiles, or whether a visual diagnosis is correct. Evaluate those questions in a disposable front-end project, then run that project's own checks and inspect the page at the viewports the skill names.

One install command hides several runtime assumptions

The README gives npx skills add jakubkrehel/skills as its general installation route. Claude Code users instead get 2 commands, one to add the repository as a marketplace and one to install its interfaces plugin. The page does not state a Node version, Claude Code version, removal command, or post-install verification step. A user should confirm which 11 skills were placed and read their local files before invoking them.

explain-interface carries another dependency choice. Open issue 36 points out that its Chrome DevTools MCP setup command resolves chrome-devtools-mcp@latest, so two installations on different days can fetch different code. The issue asks for an exact reviewed version. Until that changes, pinning the package locally is the sensible choice, especially when the MCP server receives browser access as part of an interface investigation.

Open reports expose behavior that Markdown cannot test

Issue 22 measures trigger selection rather than build health. In its pinned experiment, a request framed around a visual problem invoked better-typography 20 of 20 times, while a request that named CSS custom properties invoked it 9 of 18 times. The reporter also says this is model behavior, not a universal rate. The practical lesson is narrow: installing a skill does not guarantee the agent will load it for every relevant prompt.

Two newer reports concern generated harnesses. Issue 37 says break currently asks a Next.js page to use a client directive even when only the child component needs client behavior. Issue 39 says the variant picker can remain under a transformed or clipped ancestor despite fixed positioning and a high stacking value. Both are useful reasons to review temporary test pages before trusting the scenarios they display.

The project is active but has no tagged release

GitHub showed 6,076 stars and 22 combined open issues and pull requests. The default branch was last pushed on August 29, 2026, while issue activity continued on September 7. GitHub's latest-release endpoint returned no release. This is active maintenance, but consumers cannot pin a named release or scan release notes to understand what changed between installations. A commit hash is the clearest reproducible choice.

The alternatives solve different problems. Anthropic Skills is a wider official example set. HumanLayer Skills concentrates on coding-agent procedures, and Vercel's Skills CLI concentrates on distribution. Krehel's collection is the sharper pick when interface judgment is the job. Start with one specialist, compare its report with a human browser pass, and add the 6-skill coordinator only after the narrower result earns trust.

Alternatives

ProjectWhat it isPick it when
Anthropic Skills gh↗Anthropic's broader collection of example agent skills for documents and other work.pick this instead when you want official examples across several task types rather than an interface-only set.
HumanLayer Skills gh↗A compact set of Claude Code methods for repository instructions, React props, automation, and diagrams.pick this instead when agent workflow design and React contract cleanup matter more than visual design review.
Skills CLI gh↗A command-line tool for finding and installing skills across supported coding agents.pick this instead when skill discovery and cross-agent installation are the problem you need to solve.

What people are saying

  1. [github-trending] jakubkrehel/skills
  2. [github-trending] vercel-labs/skills
  3. [velocity-scout] jtydhr88/screenwriting-skills
  4. [github-trending] openai/skills
  5. [velocity-scout] Ryze-AI-Adgent/open-seo-mcp-skills
  6. [github-trending] mattpocock/skills

Sources

  1. Jakub Krehel Skills README
  2. Jakub Krehel Skills repository facts
  3. Better Interface skill
  4. Better Accessibility skill
  5. Issue 22: typography skill trigger measurement
  6. Issue 36: mutable Chrome DevTools MCP dependency
  7. Issue 37: Next.js harness client boundary
  8. Issue 39: variant picker mount point

More dev tools reviews

jadx · blender · maui · desktop · manim · LazyVim · the whole board →