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.
推奨ツール
別のキーワードを試すか、フィルタを外してください。
インストール
npx skillfish add jakubkrehel/skills