impeccable

Designs, critiques, audits, and refines frontend interfaces across web and native platforms.

Updated Aug 11, 2026
One-click install
npx skills add https://github.com/Debindenny/travelplanner-community- --skill impeccable-debindenny
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/Debindenny/travelplanner-community-/tree/main/travel-planner/.agents/skills/impeccable
Command: npx skills add https://github.com/Debindenny/travelplanner-community- --skill impeccable-debindenny

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Frontend interfaces often ship bland, inconsistent, or technically weak because design work lacks a systematic process. This Skill provides a structured command system for designing, reviewing, and hardening UI so every surface meets a defined quality floor. ## Core Features & Use Cases - Command-driven design workflow: 20+ commands covering build (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) operations. - Platform-aware guidance: Separate reference playbooks for web, iOS, and Android, including Material Design 3 conformance, safe-area insets, touch targets, and platform slop tests. - Scored technical audits: Generates reports rating accessibility, performance, theming, responsive design, and implementation integrity on a 0-20 scale with P0-P3 severity findings. - Use Case: A developer asks to audit a dashboard page; the Skill scores it 11/20, lists a P1 contrast violation and P0 keyboard trap, then recommends running clarify, adapt, and polish in order. ## Quick Start Ask the assistant to run the impeccable audit command on your main landing page to get a scored quality report 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 web page for accessibility and performance issues?▼

Run the audit command on the target page or component. It scores accessibility, performance, theming, responsive design, and implementation integrity from 0-4 each, then reports findings tagged P0 through P3 with recommended follow-up commands.

How to make a bland UI design more visually interesting?▼

Use the bolder command on the named target section. It amplifies the existing design system's own motifs, type scale, and rhythm rather than adding new colors or fonts, keeping the result recognizably the same brand.

Does this design workflow support native iOS and Android apps?▼

Yes. Native projects route to dedicated references covering SwiftUI, UIKit, Jetpack Compose, React Native, and Flutter, with platform-specific rules for navigation, touch targets, Dynamic Type, Material color roles, and safe-area insets.

What is the difference between the critique and audit commands?▼

Critique evaluates UX design quality such as visual hierarchy, information architecture, and cognitive load. Audit runs technical code-level checks on accessibility, performance, theming, and responsive behavior, producing a scored report without fixing anything.

When should I not use this frontend design skill?▼

Do not use it for backend-only or non-UI tasks. It is scoped to designing, reviewing, and refining user interfaces; server logic, data pipelines, and API work fall outside its commands and references.