make-interfaces-feel-better

Review UI interfaces and output before/after design refinements.

Updated Apr 13, 2026
One-click install
npx skills add https://github.com/sakamoto-family-smile/agent_monorepo --skill make-interfaces-feel-better-sakamoto-family-smile
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: make-interfaces-feel-better
Source: https://github.com/sakamoto-family-smile/agent_monorepo/tree/main/.claude/skills/ecc/make-interfaces-feel-better
Command: npx skills add https://github.com/sakamoto-family-smile/agent_monorepo --skill make-interfaces-feel-better-sakamoto-family-smile

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Interfaces can feel flat, inconsistent, or cramped without deliberate polish. This skill provides concrete design-engineering details to improve spacing, typography, borders, shadows, motion, hit areas, icons, text wrapping, and interaction states.

Core Features & Use Cases

  • Provide guidance on concentric radii, optical alignment, shadows/borders, and motion to create visually coherent interfaces.
  • Recommend practical tweaks for hit areas, typography, and image outlines, with before/after style recommendations.
  • Use in design reviews of dashboards, forms, cards, and navigation to produce measurable polish and consistency.

Quick Start

Review your current UI and propose concrete before/after refinements for spacing, typography, borders, shadows, motion, and hit areas.

Frequently Asked Questions about make-interfaces-feel-better

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I polish UI design details like spacing and typography in a dashboard?

Polish UI interfaces by applying concrete design-engineering principles such as concentric radius, optical alignment, and shadow borders to standardize spacing, typography, and motion across dashboards, forms, and navigation for visual coherence.

What are concentric radii and optical alignment in interface design?

Concentric radii and optical alignment are interface design principles that ensure visually coherent corners and balanced element positioning. They codify how to adjust borders and spacing so cards, navigation, and toolbars feel consistent rather than flat or cramped.

How do I improve hit areas and interaction states for form elements?

Improve hit areas and interaction states by reviewing your current forms and applying actionable before/after refinements. This process recommends practical tweaks for hit areas, text wrapping, and image outlines to ensure measurable polish and consistency.

What's the best way to standardize borders and shadows across UI cards?

The best way to standardize borders and shadows across UI cards is to codify shadow and border principles during a design review. This generates actionable before/after recommendations to resolve inconsistencies and produce deliberate visual polish.

Why does my interface feel flat and inconsistent despite having all the right components?

Your interface feels flat and inconsistent because it lacks deliberate polish. Applying concrete design-engineering details to spacing, typography, motion, and hit areas transforms disjointed components into visually coherent dashboards, cards, and navigation.

Can I use these UI polish principles for reviewing existing toolbars and navigation?

Yes, you can use these UI polish principles for reviewing existing toolbars and navigation. The skill evaluates current interfaces and outputs actionable before/after recommendations for spacing, borders, motion, and hit areas to improve consistency.