impeccable

Improves frontend interfaces' usability, accessibility, responsiveness, typography, color, and motion through structural analysis and optional scripts.

Updated May 8, 2026
One-click install
npx skills add https://github.com/mmartinsoliv/dotfiles --skill impeccable-mmartinsoliv
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/mmartinsoliv/dotfiles/tree/main/agents/skills/impeccable
Command: npx skills add https://github.com/mmartinsoliv/dotfiles --skill impeccable-mmartinsoliv

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps you improve frontend interfaces that feel bland, cluttered, confusing, or off-brand, turning rough UI into production-ready design work.

Core Features & Use Cases

  • Design and Redesign: Shape websites, dashboards, product shells, settings screens, onboarding flows, and components with stronger hierarchy and clearer interaction.
  • Critique and Audit: Review a UI for usability, accessibility, responsiveness, performance, copy clarity, theming, and AI-slop anti-patterns.
  • Refine and Harden: Polish spacing, typography, color, motion, edge cases, empty states, and error handling so the interface feels complete.
  • Use Case: If a dashboard feels generic and hard to scan, use this Skill to rethink layout, type, color, and interaction details until it feels deliberate and usable.

Quick Start

Ask the impeccable skill to review or improve the interface you are working on, and it will guide the redesign, critique, or polish steps from there.

Frequently Asked Questions about impeccable

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I improve a bland frontend UI and make it feel polished?

To improve a bland frontend UI, you need to strengthen visual hierarchy and refine typography, color, and motion. This process turns rough, generic interfaces into production-ready design work by making spacing and interactions feel deliberate.

What is included in a UI accessibility and responsiveness critique?

A UI accessibility and responsiveness critique reviews visual hierarchy, spacing, typography, edge cases, and empty states. It audits usability, performance, and theming to identify confusing layouts and AI-slop anti-patterns in frontend interfaces.

Can I use this approach to redesign dashboards and onboarding flows?

Yes, you can redesign dashboards, onboarding flows, and product shells. The process evaluates layout, type, color, and interaction details to rethink cluttered screens until the interface feels deliberate, clear, and highly usable.

How do I harden a frontend interface for edge cases and empty states?

To harden a frontend interface, you refine error handling, empty states, spacing, and motion. This structured design analysis ensures the interface handles edge cases completely so the product UI feels finished and robust.

Do I need specific frontend frameworks to polish my UI design?

No specific frontend frameworks are required. The UI polish process applies to websites, app shells, and components by analyzing responsive behavior, accessibility, typography, and color without strict framework dependencies.