impeccable

Designs, critiques, and refines production-grade frontend interfaces through structured commands.

Updated Sep 3, 2026
One-click install
npx skills add https://github.com/xzedm/clipplic-landing --skill impeccable-xzedm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/xzedm/clipplic-landing/tree/main/.agents/skills/impeccable
Command: npx skills add https://github.com/xzedm/clipplic-landing --skill impeccable-xzedm

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Frontend interfaces built quickly often suffer from generic AI-looking design, poor contrast, weak typography, and inconsistent motion. This Skill provides a structured workflow for designing, auditing, and polishing UI so the output reads as deliberate, on-brand, and production-grade rather than templated. ## Core Features & Use Cases - Command-driven design workflow: 23 sub-commands (craft, shape, audit, polish, bolder, quieter, animate, typeset, layout, harden, and more) each backed by a dedicated reference file defining the exact flow. - Project context awareness: Scripts detect PRODUCT.md/DESIGN.md, brand tokens, and design-system conventions so new work matches existing identity instead of reinventing it. - Anti-slop rule system: Explicit bans on AI design tells (gradient text, cream backgrounds, identical card grids, eyebrow kickers) plus contrast, typography, motion, and accessibility rules. - Use Case: A developer asks to redesign a landing page; the Skill loads project context, picks the brand register, generates a palette seed, and produces a complete responsive page that passes contrast and reduced-motion checks. ## Quick Start Ask the assistant to use the impeccable skill to critique and polish the main landing page of your project.

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 or generic-looking frontend design?▼

Invoke the skill with the bolder command followed by a target, such as a page or component. It loads a dedicated reference flow that amplifies safe designs while preserving brand identity, contrast requirements, and existing design tokens.

How to run a UX design review on a dashboard or landing page?▼

Use the critique command with the target surface. It performs a heuristic UX review with scoring, and the resulting snapshot feeds later commands like polish, which reads the critique findings as its backlog.

Does this design workflow work with an existing design system or tokens?▼

Yes. Setup requires reading existing CSS tokens, themes, and representative components before designing. When committed brand colors exist, identity preservation wins and the palette-generation step is skipped.

What accessibility and performance checks does a UI audit cover?▼

The audit command runs technical quality checks covering accessibility, performance, and responsive behavior. Standing rules also enforce 4.5:1 body-text contrast and reduced-motion alternatives for every animation.

When should I not use this frontend design skill?▼

It is not intended for backend-only or non-UI tasks. It also avoids producing prototypes or starting points; if you only need a quick throwaway mock rather than complete production code, a lighter approach fits better.