skills.rest
Ab0umar
Ab0umarCOMMUNITY
Explore all skills by this author →
GitHub

impeccable

Designs, critiques, and refines frontend interfaces through structured sub-command workflows.

Updated Sep 19, 2026
Search Tags:#typography#accessibility#design system#design audit#frontend design#ui ux#web interface
One-click install
npx skills add https://github.com/Ab0umar/selrs.cc.BU --skill impeccable-ab0umar
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/Ab0umar/selrs.cc.BU/tree/main/.agents/skills/impeccable
Command: npx skills add https://github.com/Ab0umar/selrs.cc.BU --skill impeccable-ab0umar

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Frontend interfaces often ship with generic, AI-looking design, weak visual hierarchy, accessibility gaps, and inconsistent theming. This Skill provides a structured design workflow that loads project context (PRODUCT.md and DESIGN.md), applies shared design laws, and routes work through specialized commands for building, evaluating, refining, and fixing UI. ## Core Features & Use Cases - Command-based design workflow: 23 sub-commands such as craft, shape, critique, audit, polish, bolder, quieter, animate, typeset, and harden, each backed by a dedicated reference file. - Context-aware output: Loads PRODUCT.md and DESIGN.md via a loader script so designs follow the project's brand, tone, tokens, and register (brand vs product). - Quality enforcement: Built-in design laws covering color strategy (OKLCH), typography, layout, motion, and explicit bans on AI-slop patterns like gradient text, glassmorphism, and identical card grids. - Use Case: A developer asks to audit a dashboard page; the Skill loads project context, runs heuristic and technical checks across accessibility, performance, theming, and anti-patterns, then produces a scored report with prioritized fix commands. ## Quick Start Ask the AI to use the impeccable skill to critique the landing page and suggest improvements.

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 design with AI?▼

Invoke the impeccable skill with the bolder command followed by a target, such as a page or component. It amplifies hierarchy, scale, color commitment, and typography while rejecting generic AI patterns like purple-blue gradients and glassmorphism.

How to run a UX audit on a web page?▼

Use the audit command, which scores five dimensions (accessibility, performance, theming, responsive design, anti-patterns) from 0-4 each and produces a report with P0-P3 severity findings and recommended follow-up commands.

What is the difference between the craft and shape commands?▼

Shape plans UX and UI before any code is written, while craft runs the full end-to-end flow: shape first, then build the feature to production quality. Craft requires shape's confirm step before implementation begins.

Does the skill support native iOS and Android design?▼

Yes. It includes platform references for iOS and Android covering safe-area insets, Dynamic Type, Material Design 3, touch targets, and system gestures, plus native variants of the adapt and audit commands.

Why does the skill require PRODUCT.md and DESIGN.md files?▼

These files supply brand, tone, users, colors, and typography context so output matches the project instead of generic defaults. If PRODUCT.md is missing, the teach command generates it before design work proceeds.

When should I not use this frontend design skill?▼

Do not use it for backend-only or non-UI tasks such as API design, database work, or server logic. It is scoped to frontend interfaces, UX review, visual design, and UI implementation quality.

Related Skills

Explore More Design & Creative Skills→
Adham7843Adham7843

colorize

Add strategic color to monochromatic web and app interfaces.

Community
Advanced
KaiBoo404KaiBoo404

polish

Polish frontend UI alignment, spacing, typography, and interactions before release.

Community
Advanced
winstonkoh87winstonkoh87
558

visual-verify-ui

Capture multi-viewport screenshots and compare DOM states for visual regression testing.

Community
Intermediate
winetree94winetree94

figma-generate-design

Generate Figma screens by reusing design system components, tokens, and styles.

Community
Advanced