skills.rest
oleyna80
oleyna80COMMUNITY
Explore all skills by this author →
GitHub

impeccable

Designs, audits, and refines production-grade frontend interfaces through sub-command workflows.

Updated Jun 12, 2026
Search Tags:#typography#accessibility#design system#css#design audit#frontend design#ui ux
One-click install
npx skills add https://github.com/oleyna80/agentic-sdlc-framework --skill impeccable-oleyna80
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/oleyna80/agentic-sdlc-framework/tree/main/skills/impeccable
Command: npx skills add https://github.com/oleyna80/agentic-sdlc-framework --skill impeccable-oleyna80

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Frontend interfaces built quickly often ship with generic AI-looking aesthetics, weak typography, poor contrast, and inconsistent UX copy. This Skill provides a structured design workflow that critiques, builds, and polishes UI so the result looks intentional and distinctive rather than template-generated. ## Core Features & Use Cases - 23 sub-commands across five categories: Build (craft, shape, init, document, extract), Evaluate (critique, audit), Refine (polish, bolder, quieter, distill, harden, onboard), Enhance (animate, colorize, typeset, layout, delight, overdrive), and Fix (clarify, adapt, optimize), plus a live browser iteration mode. - Register-aware guidance: separate brand and product design references, anti-AI-slop rules, typography and color strategy, and accessibility/performance checks with scored audit reports. - Use Case: Run /impeccable audit on a dashboard to get a scored report across accessibility, performance, theming, responsive design, and anti-patterns, then follow the recommended /impeccable polish and /impeccable clarify passes to fix the findings. ## Quick Start Ask the agent to run /impeccable critique on your landing page to get a heuristic UX review with prioritized fixes.

Frequently Asked Questions about impeccable

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

FAQPage Schema
How do I audit a frontend UI for accessibility and performance issues?▼

Run the audit sub-command, which scores five dimensions (accessibility, performance, theming, responsive design, anti-patterns) from 0-4 each and produces a report with P0-P3 severity-tagged findings. Each finding includes location, impact, and a recommended follow-up command.

How do I make a bland AI-generated design look more distinctive?▼

Use the bolder command to amplify hierarchy, scale contrast, and committed color, or quieter to tone down overstimulating designs. Both commands explicitly reject saturated AI tropes like gradient text, glassmorphism, and purple-blue gradients.

What design tasks does the impeccable skill cover?▼

It covers 23 sub-commands spanning building features (craft, shape), evaluation (critique, audit), refinement (polish, distill, harden), enhancement (animate, typeset, layout, colorize), and fixes (clarify, adapt, optimize), plus live in-browser visual iteration.

Does the skill work on an existing project with an established design system?▼

Yes. Setup reads existing CSS tokens, themes, and components first, and identity preservation takes priority over new palette generation. The palette script only runs for brand-new projects with no committed brand colors.

When should I not use this frontend design skill?▼

Do not use it for backend-only or non-UI tasks; its scope is strictly frontend interfaces such as websites, dashboards, components, forms, and onboarding flows. It also requires a PRODUCT.md context file, created via the init command, before other commands run.

Related Skills

Explore More Design & Creative Skills→
aymenhamoudiiaymenhamoudii

teach-impeccable

Extract design tokens and brand assets into .impeccable.md.

Community
Intermediate
code-yeongyucode-yeongyu
68.6k

frontend

Implement, audit, and optimize web user interfaces using design-system-driven development and performance engineering.

Community
Advanced
HCMUTE-RTICHCMUTE-RTIC

ui-visual-validator

Validate UI modifications for design system compliance and accessibility via screenshot analysis.

Official
Advanced
sheriaxsheriax

clerk-custom-ui

Create custom Clerk authentication flows and theme components with React hooks.

Official
Intermediate