Make Interfaces Feel Better

by crbnos

Make Interfaces Feel Better is a Frontend skill for Claude Code, published by crbnos in carbon.

2.3K stars327 forkson crbnos/carbonAdded 2026/07/21+1% in starsRepository updated 2026/08/06

View source on GitHub Download repo ZIP

businesserpleanmanagementmanufacturingmcp-servermespostgresqlqmsreact-routersupabasetypescript

Install in seconds

Install Make Interfaces Feel Better

Copy Make Interfaces Feel Better into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/crbnos/carbon/tree/main/.claude/skills/make-interfaces-feel-better ~/.claude/skills/make-interfaces-feel-better

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/crbnos/carbon.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: .claude/skills/make-interfaces-feel-better/SKILL.md in crbnos/carbon
Installs to: ~/.claude/skills/make-interfaces-feel-better
Collection: One of 47 skills cataloged from this repository
Category: Frontend — 732 skills

What Make Interfaces Feel Better does

Design engineering principles for polished interfaces: typography, animations, surfaces, and performance. Use when building or reviewing UI components to add micro-interactions, shadows, and optical alignment.

Make Interfaces Feel Better is cataloged under Frontend on DirSkills. Make Interfaces Feel Better comes from a repository tagged business, erp, lean, management and manufacturing.

Documentation

README

Excerpt

Details that make interfaces feel better

Great interfaces rarely come from a single thing. It's usually a collection of small details that compound into a great experience. Apply these principles when building or reviewing UI code.

Quick Reference

Category	When to Use
Typography	Text wrapping, font smoothing, tabular numbers
Surfaces	Border radius, optical alignment, shadows, image outlines, hit areas
Animations	Interruptible animations, enter/exit transitions, icon animations, scale on press
Performance	Transition specificity, `will-change` usage

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Make Interfaces Feel Better

What else does crbnos publish alongside Make Interfaces Feel Better?
Make Interfaces Feel Better is one of 47 skills that DirSkills catalogs from crbnos/carbon, the repository it ships in. Its siblings there include Agent Browser, Agent Browser and Browser Error Snapshot. Each one is a separate skill with its own page in this directory, installs the same way Make Interfaces Feel Better does, and is maintained by crbnos in that same repository. The rest of the collection is listed on the crbnos/carbon page.
How does Make Interfaces Feel Better compare to other Frontend skills?
Make Interfaces Feel Better ranks #229 by stars among the 732 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Make Interfaces Feel Better against them. Open each page to compare what they document and how they install.