JS

jakubkrehel/skills

Developer tools
2968 stars 品質 84 トレンド 84

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.

概要

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.

README

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.

Skills

  • 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.

View this README on GitHub

推奨ツール

別のキーワードを試すか、フィルタを外してください。

インストール

npx skillfish add jakubkrehel/skills