How do I install the Make Interfaces Better skill?

Run npx skillmds add podo/make-interfaces-better in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Make Interfaces Better safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: makes network calls. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Make Interfaces Better?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Make Interfaces Better free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Make Interfaces Better?

podo (@podo) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Make Interfaces Better by podo — Agent Skill

Name: Make Interfaces Better
Rating: 4.2 (5 reviews)
Author: podo

Make Interfaces Better

Design engineering principles for making interfaces feel polished and alive. Covers micro-interactions, typography details, visual refinement, and the small decisions that separate "it works" from "it feels right". By Jakub Krehel (Interfere, Interfaces magazine, oklch.fyi).

podo f0ab352 2 files · 2.4 KB Updated Sep 9, 2026

File contents

make-interfaces-better

Catalogue stub — full skill: jakubkrehel/make-interfaces-feel-better

Decision tree

Is the full skill already installed? Check whether the skill at this location still has a das: block:
- Global: grep -q "^das:" ~/.agents/skills/make-interfaces-better/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
- Project: grep -q "^das:" .agents/skills/make-interfaces-better/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
- No das: block → full skill installed, invoke it and proceed
- das: block present → go to step 2

Detect scope, then install:

To detect scope:

[ -e ~/.agents/skills/make-interfaces-better ] && echo "global" || echo "project"

Global (installed with -g):

npx skills add jakubkrehel/make-interfaces-feel-better --skill make-interfaces-better -g -y

Project (installed without -g):

npx skills add jakubkrehel/make-interfaces-feel-better --skill make-interfaces-better -y

Claude Code: send either command as a chat message starting with ! to run it without leaving the conversation.

Invoke after install

Skill name: make-interfaces-better
Trigger phrases: "make interfaces better", "interface polish", "micro-interactions", "polished UI"

What it does

Applies Jakub Krehel's design engineering principles to make interfaces feel genuinely polished — not just functional. Covers micro-interactions, precise typography choices, visual hierarchy refinement, motion timing, and the subtle details (hover states, transitions, spacing rhythm) that distinguish well-crafted UI from generic output. By the creator of oklch.fyi and the Interfaces publication.

---name: make-interfaces-betterdescription: Design engineering principles for making interfaces feel polished and alive. Covers micro-interactions, typography details, visual refinement, and the small decisions that separate "it works" from "it feels right". By Jakub Krehel (Interfere, Interfaces magazine, oklch.fyi).--- # make-interfaces-better > Catalogue stub — full skill: [jakubkrehel/make-interfaces-feel-better](https://github.com/jakubkrehel/make-interfaces-feel-better) ## Decision tree 1. **Is the full skill already installed?** Check whether the skill at this location still has a `das:` block: - Global: `grep -q "^das:" ~/.agents/skills/make-interfaces-better/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"` - Project: `grep -q "^das:" .agents/skills/make-interfaces-better/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"` - No `das:` block → full skill installed, invoke it and proceed - `das:` block present → go to step 2 2. **Detect scope, then install:** To detect scope: ```bash [ -e ~/.agents/skills/make-interfaces-better ] && echo "global" || echo "project" ``` **Global** (installed with `-g`): ```bash npx skills add jakubkrehel/make-interfaces-feel-better --skill make-interfaces-better -g -y ``` **Project** (installed without `-g`): ```bash npx skills add jakubkrehel/make-interfaces-feel-better --skill make-interfaces-better -y ``` > **Claude Code:** send either command as a chat message starting with `!` to run it without leaving the conversation. ## Invoke after install - Skill name: `make-interfaces-better` - Trigger phrases: "make interfaces better", "interface polish", "micro-interactions", "polished UI" ## What it does Applies Jakub Krehel's design engineering principles to make interfaces feel genuinely polished — not just functional. Covers micro-interactions, precise typography choices, visual hierarchy refinement, motion timing, and the subtle details (hover states, transitions, spacing rhythm) that distinguish well-crafted UI from generic output. By the creator of oklch.fyi and the Interfaces publication.

Frequently asked questions