A collection of agent skills for improving product design elements like animations, typography, layout, and colors.

Stars

968

7-day growth

No data

Forks

23

Open issues

0

License

MIT

Last updated

2026-07-28

AI repository intelligence
FR-AI / ANALYSIS

Why it is worth attention

Offers a modular, installable skill set for enhancing UI/UX through an agent-based approach, simplifying design refinement.

Who it is for

  • Frontend developers using agent-driven workflows
  • UI/UX designers seeking automated design improvements
  • Product teams integrating visual polish into development pipelines

Use cases

  • Automatically adjusting typography and spacing for better readability
  • Enhancing animations and transitions for smoother user experiences
  • Refining color palettes and contrast for accessibility and aesthetics
  • Improving layout balance and consistency across components

Strengths

  • Easy installation via a single `npx skills add` command
  • Covers multiple design dimensions (typography, animation, layout, color)
  • Modular structure enables selective adoption of skills

Considerations

  • Requires understanding of the underlying agent framework (skills.sh)
  • Limited documentation beyond installation instructions
  • No explicit examples or usage guidance provided in the README

README quick start

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

npx skills add jakubkrehel/skills

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 --skill '*'

Use

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

In Claude Code:

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

In Codex:

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

Description

A set of agent skills that help improve different parts of a product, from animations and typography to layout and colors.

Related repositories

Similar projects matched by category, topics, and programming language.

MoonshotAI
Featured
MoonshotAI GitHub avatar

Kimi-K3

Kimi K3 is an open-weight, 2.8T-parameter native multimodal agentic model with a 1M-token context window, designed for frontier coding, knowledge work, and reasoning tasks.

AI & Machine LearningAI Agents
3,348
xuchonglang
Featured
xuchonglang GitHub avatar

investing-for-beginners

A structured investing guide for Chinese beginners covering US stocks, options, and cryptocurrency, with focus on foundational concepts and risk awareness.

Blockchain & Web3
2,739
Krishnagangwal
Featured
Krishnagangwal GitHub avatar

CS-Fundamentals

A curated collection of Computer Science fundamentals (PDFs, notes, cheatsheets, interview question banks) for placement preparation, covering seven core subjects plus general resources.

Data & DatabasesDatabases & Storage
2,326