Skills Directory

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, e

Performs a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions po

Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use w

Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overal

Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report wit

Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, la

Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targe

Improve unclear UX copy, error messages, microcopy, labels, and instructions to make interfaces easier to understand. Use when the user ment

Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive. Use when

Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions

Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user menti

Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. Use whe

Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightf

Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. Use when the user asks to si

Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the user mentions too bold,

Plan the UX and UI for a feature before writing code. Runs a structured discovery interview, then produces a design brief that guides implem

Pushes interfaces past conventional limits with technically ambitious implementations - shaders, spring physics, scroll-driven reveals, 60fp

Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic re

Designs and improves onboarding flows, empty states, and first-run experiences to help users reach value quickly. Use when the user mentions

Make interfaces production-ready: error handling, empty states, onboarding flows, i18n, text overflow, and edge case management. Use when th

Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions consistency, design drift

DEPRECATED: Use /impeccable teach instead. This command has been folded into the impeccable skill.

frontend-design - an installable skill for AI agents, published by pbakaus/impeccable.

Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user menti