skills.rest
leexb-wp21-prog
leexb-wp21-progCOMMUNITY
Explore all skills by this author →
GitHub

impeccable

Shape UX and visual hierarchy for production-ready frontend interfaces.

Updated Apr 28, 2026
Search Tags:#accessibility#design system#ui design#motion design#responsive layout#ux audit#frontend polish
One-click install
npx skills add https://github.com/leexb-wp21-prog/Azure-Ticket-Helpdesk --skill impeccable-leexb-wp21-prog
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/leexb-wp21-prog/Azure-Ticket-Helpdesk/tree/main/.agents/skills/impeccable
Command: npx skills add https://github.com/leexb-wp21-prog/Azure-Ticket-Helpdesk --skill impeccable-leexb-wp21-prog

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps you improve frontend interfaces from rough ideas to production-grade UX and visual quality by planning, shaping, and applying studio-level design decisions.

Core Features & Use Cases

  • UX/UI shaping and iteration: Design, redesign, critique, audit, and polish UI for websites, dashboards, components, forms, and onboarding flows.
  • Quality and production rigor: Enforces UX structure (hierarchy, cognitive load, IA), accessibility considerations, responsive behavior, theming discipline, and anti-pattern avoidance.
  • Action-to-output workflows: Use targeted sub-commands to go from UX planning (shape) to end-to-end build (craft) and quality passes (audit/polish/harden), including visual iteration (live).

Quick Start

When you want to upgrade an existing UI, ask the assistant to run an impeccable critique and propose fixes for your target page or component.

Frequently Asked Questions about impeccable

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

FAQPage Schema
How do I perform a UX audit and improve visual hierarchy for an existing UI?▼

Run an impeccable critique to evaluate visual hierarchy, cognitive load, and accessibility considerations, then receive proposed production-ready UI fixes for your target page or component.

What is the best way to polish frontend interfaces and harden edge cases for responsive layouts?▼

The best way to polish frontend interfaces is to execute a refinement pass that applies theming discipline, motion design, and responsive behavior rules to harden UI edge cases for production readiness.

How do I design new UI components while ensuring accessibility and avoiding anti-patterns?▼

Design new UI components by using a task-specific shape brief gate that loads project context, plans UX structure, and enforces accessibility considerations alongside anti-pattern avoidance during the interface generation.

Can I iterate on UI variants live and apply studio-level design decisions to dashboards?▼

Yes, you can iterate on UI variants live and apply studio-level design decisions to dashboards, forms, and onboarding flows by following deterministic command flows for visual iteration and craft.

Do I need project context files to redesign existing screens and enforce theming discipline?▼

You need project context files like PRODUCT.md and DESIGN.md to accurately redesign existing screens, as the workflow loads these dependencies to enforce theming discipline and maintain UX structure.

Related Skills

Explore More Design & Creative Skills→
boraoztuncboraoztunc
248

impeccable

Coordinate end-to-end frontend design tasks from shaping to polish.

Community
Advanced
caraseli02caraseli02

impeccable

Guide frontend UI redesign, critique, audit, and polish workflows.

Community
Advanced
hwatkinshwatkins

frontend-design

Design accessible frontend design systems with reusable components across React, Vue, and HTML/CSS/JS.

Community
Advanced
waynesuttonwaynesutton
3

critique

Evaluate design quality and identify UX flaws across visual hierarchy and cognitive load.

Community
Advanced