impeccable

Audit frontend interfaces for visual originality, accessibility, and consistency.

110|14|Updated May 12, 2026
One-click install
npx skills add https://github.com/EliasOulkadi/shokunin --skill impeccable-eliasoulkadi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/EliasOulkadi/shokunin/tree/main/.pack/skills/impeccable
Command: npx skills add https://github.com/EliasOulkadi/shokunin --skill impeccable-eliasoulkadi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It fixes AI-made interfaces by enforcing clear frontend design laws for color, typography, layout, motion, copy, and accessibility, so the UI looks intentional instead of generic or “AI-sloppy.”

Core Features & Use Cases

  • Design-law guided UI critique: Detects common visual failure modes (for example tinted neutrals, OKLCH usage, spacing/line-length, hierarchy, and motion rules) and explains what to change.
  • Absolute-ban checks and restructuring: Flags “instant tell” patterns like side-stripe accents, gradient text, default glassmorphism, hero-metric templates, identical card grids, and modal-first patterns, then tells you to restructure rather than tweak.
  • AI slop test for originality: Validates that the UI theme and aesthetic aren’t predictable from category alone, pushing you to rework the visual lane.

Quick Start

Ask the AI to run an Impeccable-style design audit on your UI and return a prioritized list of specific violations and the exact structural fixes to apply.

Frequently Asked Questions about impeccable

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

FAQPage Schema
How do I audit my frontend UI for visual originality and accessibility?

A frontend UI design audit evaluates interface choices for visual originality, accessibility, and consistency. It detects common failure modes like bad spacing, poor hierarchy, and predictable aesthetic lanes, then provides prioritized structural fixes to eliminate generic AI-sloppy patterns.

What are the most common frontend UI anti-patterns I should remove?

Frontend UI anti-patterns include side-stripe accents, gradient text, default glassmorphism, hero-metric templates, identical card grids, and modal-first patterns. Identifying these instant tells allows you to restructure the layout completely rather than applying minor tweaks.

How do I define a color system using OKLCH for a product dashboard?

Defining an OKLCH color system requires applying OKLCH-tinted neutrals and establishing a deliberate dark-vs-light physical-scene rationale. This ensures perceptually uniform, accessible palettes while eliminating inconsistent lighting assumptions across product dashboards.

Can I use this design audit approach on existing dashboards and product UIs?

Yes, this design audit approach applies directly to existing dashboards and product UIs for redesign and polishing tasks. It evaluates current design choices, enforces typography hierarchy, tightens motion and copy, and removes structural anti-patterns to improve overall interface quality.

Why does my AI-generated interface look generic and predictable?

AI-generated interfaces look generic because they rely on predictable category aesthetics and instant-tell patterns like gradient text or default glassmorphism. Running an AI slop test validates theme originality and forces a rework of the visual lane to achieve intentional design.