skills

Project Url: jakubkrehel/skills
Introduction: A collection of agent skills that help with various parts of building a great interface. From animation and UI polish to accessibility and product writing.
More: Author   ReportBugs   OfficialWebsite   
Tags:
interfaces.dev

skills.sh

A collection of agent skills that help with various parts of building a great interface. From animation and UI polish to accessibility and product writing.

  • better-interface: A user-invoked, cross-discipline interface review that coordinates every skill below.
  • better-ui: Design engineering details that make interfaces feel polished: border radius, shadows, animations and micro-interactions.
  • better-typography: Web typography from choosing fonts to spacing, wrapping and accessibility.
  • better-colors: OKLCH color space: palette generation, contrast, gamut handling and theming.
  • better-accessibility: Focus states, keyboard support, ARIA, forms, screen readers, hit areas and motion.
  • better-layout: Layout structure, grouping, alignment, reading order, progressive disclosure and adaptive breakpoints.
  • better-writing: UX writing and interface copy, from button labels to errors, settings and empty states.

Install

As a Claude Code plugin

Installs all seven skills together and updates in place. Run these inside Claude Code:

/plugin marketplace add jakubkrehel/skills
/plugin install interfaces@interfaces

With the skills CLI

Works in Claude Code, Codex and other agents. You can choose which skills to install or install all of them. better-interface coordinates the other six skills, so install the complete collection when you want holistic reviews.

npx skills add jakubkrehel/skills
npx skills add jakubkrehel/skills --skill '*'

Use

The default review mode is full. Pass quick for a shorter review, and add the screen, flow, or feature after the mode.

In Claude Code, as a plugin. Plugin skills are namespaced, so every skill is prefixed with interfaces:.

/interfaces:better-interface
/interfaces:better-interface quick
/interfaces:better-interface full checkout flow

In Claude Code, installed with the skills CLI:

/better-interface
/better-interface quick
/better-interface full checkout flow

In Codex:

$better-interface
$better-interface quick
$better-interface full checkout flow

The prefix only affects skills you invoke by name. The other six skills are picked up automatically from context either way.

Apps
About Me
GitHub: Trinea
Facebook: Dev Tools
AI Daily Digest