# Frontend Design Improvement

Designs, critiques and polishes frontend screens, including layout, color and motion.

- Repository: https://github.com/pbakaus/impeccable (99243 stars)
- Category: Design
- License: Apache 2.0
- Last updated: 2026-11-01
- Runs scripts: yes, review before use

## Install

Claude Code: `npx skills add pbakaus/impeccable --skill impeccable -g -a claude-code -y`
Codex: `npx skills add pbakaus/impeccable --skill impeccable -g -a codex -y`
Cursor: `npx skills add pbakaus/impeccable --skill impeccable -g -a cursor -y`
Gemini CLI: `npx skills add pbakaus/impeccable --skill impeccable -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add pbakaus/impeccable`

## Description

Use when the user wants to design, redesign, shape, critique, audit, polish, simplify, harden, animate, or otherwise improve a frontend interface: websites, landing pages, dashboards, product UI, components, forms, settings, onboarding, empty states, and native iOS or Android screens. Handles UX review, hierarchy, layout, typography, color, motion, UX copy, accessibility, responsive behavior, edge cases, and capturing or documenting design systems (DESIGN.md, tokens). Also for making bland UI bolder, loud UI quieter, or ambitious visual effects. Not for backend-only or non-UI tasks.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

This skill gives you the tools and permission to make design that earns the name out-of-distribution craft. Work as an award-winning design director would: production-grade code, a clear POV, a deep grasp of what the client and its users need, and exceptional craft.

Core principles:
- Finish the job. No hedging, no shortcuts: the deliverable is complete, except assets the user must provide.
- Scale ambition to the surface's mode (see Modes). Persuade and Experience get full commitment: bold, distinct work with a point of view. On Operate and Read, ambition shows as precision and restraint, and patterns the visitor already knows earn their place.
- Verify by looking at the rendered result at the sizes it ships at, and batch the checks: fix what one look shows before looking again, rather than screenshotting after every tweak.

## Setup

The rest: https://github.com/pbakaus/impeccable/blob/HEAD/.agent/skills/impeccable/SKILL.md