View Repo ↗

jakubkreheljakubkrehel/make-interfaces-feel-better

PurposeA compact agent skillset centered on one skill, make-interfaces-feel-better, that helps agents polish UI through small details like animations, typography, hover states, optical alignment, and shadows. It works in Claude Code, Codex, and other skill-aware agents by auto-loading on UI polish tasks. After running, it gives a change summary and handles follow-ups. Best for frontend refinement, not full app builds.
Skill Count
1
Required CLI
—
Domains
Design
Forms
Style Guide

Core Idea

Principles & Methodology

The author's design philosophy, what sets this apart from peer projects, and quick notes on the key workflows. Skill names mentioned in the text auto-link to their detail pages.

Core Idea

This skillset provides a single, focused agent skill for elevating UI polish through small but impactful design details.

Principles

  • Detail-oriented: Targets animations, typography, hover states, optical alignment, concentric radius, shadows.
  • Self-contained with modules: SKILL.md links to typography.md, surfaces.md, animations.md, performance.md for deep guidance.
  • Model-aware: Auto-triggers on UI polish contexts (e.g. "make it feel better", "feels off").

Workflow

Agent loads the skill on relevant UI tasks, applies improvements, then outputs a summary and answers follow-ups.

Skill Relationships

Usage Relationships Between Skills

Skill → Skill usage relationships, with cross-layer references. Same color blocks indicate the same skill form.

Relationship Count
0
Standalone Skills
1
Most Referencing
No relationships
Most Referenced
No relationships

Note: Each dependency line reads as "the current Skill depends on" the Skill it points to.

Installation

One command to install the entire Skillset.

Copy and run in your terminal to add jakubkrehel/make-interfaces-feel-better to your Agent environment.

$npx skills add jakubkrehel/make-interfaces-feel-better