impeccable

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

Updated Aug 26, 2026
One-click install
npx skills add https://github.com/Yjj0333/skills-manager-backup --skill impeccable-yjj0333
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/Yjj0333/skills-manager-backup/tree/main/impeccable
Command: npx skills add https://github.com/Yjj0333/skills-manager-backup --skill impeccable-yjj0333

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Frontend design work often ships bland, inconsistent, or technically weak interfaces because teams lack a systematic process for visual direction, UX review, accessibility, and responsive quality. This Skill provides a structured command system for designing, evaluating, and hardening UI surfaces. ## Core Features & Use Cases - Design Commands: Over 20 commands covering the full UI lifecycle, including shape, init, document, extract, critique, audit, polish, bolder, quieter, distill, harden, onboard, animate, colorize, typeset, layout, delight, overdrive, clarify, adapt, optimize, and live browser iteration. - Multi-Platform Guidance: Dedicated references for web, iOS, and Android, covering platform conventions like Material Design 3, safe-area insets, Dynamic Type, and touch target minimums. - Scored Audits: Technical audits score accessibility, performance, theming, responsive design, and implementation integrity on a 0-20 scale with P0-P3 severity findings. - Use Case: A developer with a bland landing page runs the critique command for a heuristic UX review, applies bolder to amplify the hero section, then runs audit and polish before shipping. ## Quick Start Ask the assistant to use the impeccable skill to critique the current 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 or generic UI design?▼

Run the bolder command on the target section to amplify it using the existing design system's own vocabulary, or use overdrive to push past conventional limits. For a full replacement visual direction, the new-work flow deals fresh compositional options before any code is written.

How do I audit a website for accessibility and performance issues?▼

Run the audit command, which scores accessibility, performance, theming, responsive design, and implementation integrity on a 0-20 scale. It reports findings with P0-P3 severity tags and recommends specific follow-up commands to fix each issue.

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

Yes, native platforms route to dedicated references covering SwiftUI, UIKit, Jetpack Compose, React Native, and Flutter. They enforce platform conventions like 44 pt and 48 dp touch targets, safe-area insets, Dynamic Type, Material color roles, and system back gestures.

How do I adapt a desktop web design for mobile screens?▼

Use the adapt command, which rethinks the experience for the target context rather than scaling pixels. It covers touch targets, pointer and hover media queries, safe-area insets, responsive images with srcset, and content-driven breakpoints.

When should I not use this frontend design skill?▼

Do not use it for backend-only or non-UI tasks, as its commands and references are scoped to interface design, UX review, and frontend implementation quality. It also avoids open-ended self-QA loops, deferring final verification to bounded review passes.