Layout
pbakaus/impeccableGreat spacing turns a cluttered screen into a clear visual story. This skill helps you fix layouts that feel cramped, empty, or just off. You will learn how to group related items tightly and separate sections with generous space.
Visual hierarchy guides the eye to what matters most. By using space and weight together, you can make important elements stand out. The skill also shows you how to break away from boring grids and create rhythm with varied spacing.
Whether you work on a dashboard, a marketing page, or a mobile app, these techniques will make your design feel intentional and balanced. No more random padding or monotonous cards. Just clear, purposeful layout.
Add Layout skill to your workflow
Global
mkdir -p ~/.claude/skills/layoutProject
mkdir -p .claude/skills/layoutSource Repository
More Design & UI/UX Claude Code Skills
Prototypemattpocock/skills
Quick throwaway prototypes to test logic or UI before building
Lark Whiteboardlarksuite/cli
View, edit, and export Lark whiteboards as images or code easily
Sleek Design Mobile Appssleekdotdesign/agent-skills
Turn your app ideas into mobile screens just by describing them
Brainstormingobra/superpowers
Brainstorm your ideas into a clear design and get approval before building anything
Ui Ux Pro Maxnextlevelbuilder/ui-ux-pro-max-skill
All-in-one UI/UX design assistant with styles, colors, fonts, and guidelines for any platform
Redesign Existing Projectsleonxlnx/taste-skill
Upgrade your existing website or app with a professional design audit
Stitch Design Tasteleonxlnx/taste-skill
Create premium, non-generic UI designs with strict color, typography, and layout rules
Brandkitleonxlnx/taste-skill
Create premium brand-kit images that feel intentional, minimal, and presentation-ready