This is part of the impeccable design system and tackles the spacing and layout problems that make interfaces feel off without you knowing why. It runs through a systematic assessment (spacing consistency, visual hierarchy, the squint test) then helps you establish semantic spacing scales and pick the right layout tool for each job. The opinionated part is good: it pushes gap over margins, warns against monotonous card grids, and includes optical adjustment guidance. You need the frontend-design skill first since it depends on the Context Gathering Protocol. If you're staring at a layout wondering why it feels generic or crowded, this gives you a structured way to diagnose and fix it.

skills.sh installs
39.1K
GitHub stars
107K
last updated
Aug 21, 2026

Install

$ npx -y skills add pbakaus/impeccable --skill arrange --agent claude-code

Installs into .claude/skills of the current project.

Files

This is part of the impeccable design system and tackles the spacing and layout problems that make interfaces feel off without you knowing why. It runs through a systematic assessment (spacing consistency, visual hierarchy, the squint test) then helps you establish semantic spacing scales and pick the right layout tool for each job. The opinionated part is good: it pushes gap over margins, warns against monotonous card grids, and includes optical adjustment guidance. You need the frontend-design skill first since it depends on the Context Gathering Protocol. If you're staring at a layout wondering why it feels generic or crowded, this gives you a structured way to diagnose and fix it.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/pbakaus/impeccable
Categories
Frontend Development, Design & UI/UX

More from pbakaus/impeccable

All 24
1expo avatarexpo-uiexpo/skillsFramework (OSS). Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android rendered from React in an Expo or React Native ap35.9Kskills.sh installs
2firecrawl avatarfirecrawl-website-design-clonefirecrawl/firecrawl-workflowsExtract any website's design system into an agent-ready DESIGN.md using Firecrawl scrape evidence. Use when the user wants colors, fonts, spacing, components, l33.5Kskills.sh installs
3caffeinelabs avatarextension-core-infrastructurecaffeinelabs/skillsCore infrastructure providing backend connection configuration, storage client, and React app entry point.30.8Kskills.sh installs
4software-mansion avatarargent-metro-debuggersoftware-mansion/argentDebug a JS runtime via CDP using argent debugger tools. Primary path is React Native via Metro (iOS / Android / Vega); a subset of the tools (debugger-connect, 29.9Kskills.sh installs
5jakubantalik avatartransitions-devjakubantalik/transitions.devProduction-ready CSS transitions for web apps. Use when implementing notification badges, dropdowns, modals, panel reveals, page transitions, card resizes, numb24.5Kskills.sh installs
6antfu avatarpiniaantfu/skillsPinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or implementing store patte20.3Kskills.sh installs