skills.rest
Festo-Wampamba
Festo-WampambaCOMMUNITY
Explore all skills by this author →
Website𝕏@festo_techugGitHub

impeccable

Diagnoses and refines frontend UI layout, typography, color, motion, accessibility, and responsiveness.

Updated Jun 30, 2026
Search Tags:#typography#accessibility#layout#frontend#ui-design#responsive-design#ux-critique
One-click install
npx skills add https://github.com/Festo-Wampamba/Claude-Features --skill impeccable-festo-wampamba
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/Festo-Wampamba/Claude-Features/tree/main/skills/impeccable
Command: npx skills add https://github.com/Festo-Wampamba/Claude-Features --skill impeccable-festo-wampamba

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Impeccable helps you turn messy, generic, or underdeveloped frontend interfaces into polished, production-ready experiences. It catches weak hierarchy, poor spacing, unclear copy, awkward motion, contrast problems, and responsive issues before they reach users.

Core Features & Use Cases

  • Design critique: Review a screen or component for visual hierarchy, cognitive load, accessibility, and AI-slop anti-patterns.
  • Refinement workflows: Improve layout, typography, color, motion, copy, onboarding, and empty states with targeted follow-up commands.
  • Production hardening: Check real-world edge cases, performance, theming, and cross-device behavior so the UI ships cleanly.
  • Use case: A dashboard looks flat and hard to scan, so you run the skill to diagnose the issues, then guide the right improvement command.

Quick Start

Use impeccable to critique the attached settings page and tell me the top issues to fix first.

Frequently Asked Questions about impeccable

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

FAQPage Schema
How do I critique a frontend UI layout for visual hierarchy and accessibility?▼

To critique frontend UI layout, you diagnose visual hierarchy, cognitive load, and accessibility gaps to identify weak spacing and unclear copy. The skill reviews screens or components and highlights top issues to fix first for production-ready interfaces.

What is the best way to polish an underdeveloped dashboard interface?▼

The best way to polish an underdeveloped dashboard is to run targeted refinement workflows that improve typography, color, and spacing. This process diagnoses flat layouts and guides specific commands to enhance visual scanning and cross-device consistency.

Can I use this to check responsive design and edge cases before shipping?▼

Yes, you can check responsive design and edge cases before shipping through production hardening. This process verifies cross-device behavior, performance, and theming to ensure the UI handles real-world scenarios and ships cleanly.

Does this UI critique tool work with empty states and onboarding flows?▼

Yes, this UI critique tool works with empty states and onboarding flows. It refines copy, motion, and layout for these specific elements, ensuring they maintain proper visual hierarchy and brand consistency across the application.

How do I fix awkward motion and contrast problems in my web components?▼

To fix awkward motion and contrast problems in web components, you apply built-in guardrails for reduced motion and contrast standards. The skill diagnoses these accessibility issues and produces targeted UI changes to meet production requirements.

Related Skills

Explore More Design & Creative Skills→
tamnguyentommy-rgbtamnguyentommy-rgb
2

recreate-screenshot

Convert reference images into pixel-perfect HTML/CSS/React frontend implementations.

Community
Advanced
jkhowlandjkhowland

harden

Harden front-end interfaces against edge cases, errors, and text overflow.

Community
Advanced
yuyanghu06yuyanghu06

cuyamaca-settings-polish

Polish Cuyamaca Settings UI with accessibility and responsive refinements.

Community
Intermediate
DanialHaseebDanialHaseeb

critique

Critique UX designs with heuristic scores and prioritized issue lists.

Community
Advanced