impeccable

Design, critique, audit, and refine frontend interfaces across web and native platforms.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Frontend interfaces often ship with bland visuals, weak hierarchy, accessibility gaps, and inconsistent design systems. This Skill gives an AI agent a structured design-director workflow to plan, build, evaluate, and refine UI so the result is coherent, on-brand, and production-quality. ## Core Features & Use Cases - Command-based design workflow: 20+ commands such as shape, critique, audit, polish, bolder, quieter, distill, harden, animate, colorize, typeset, layout, adapt, and optimize, each with a dedicated reference playbook. - Persistent design context: init captures PRODUCT.md, document generates DESIGN.md, and extract consolidates reusable tokens and components into a design system. - Web and native coverage: dedicated iOS and Android platform references, native audit/adapt variants, and a craft floor enforcing contrast, spacing, typography, motion, and state quality. - Use Case: Ask the agent to critique a landing page; it runs a dual-assessment design review with heuristic scoring and detector evidence, then recommends prioritized fix commands ending in a polish pass. ## Quick Start Ask the agent to run the impeccable init command in your project to capture product context, then request a critique of your main page.

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 surface to amplify it using the existing design system's own vocabulary, or use overdrive for technically ambitious effects. For new surfaces, the new-work flow picks a replacement visual world instead of polishing the old one.

How do I audit a web page for accessibility and performance?▼

Run the audit command, which scores accessibility, performance, theming, responsive design, and implementation integrity from 0-4 each and produces a report with P0-P3 severity findings. It recommends follow-up commands mapped to each finding.

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

Yes. Native projects load dedicated ios.md and android.md platform references, and commands like audit and adapt have native variants covering SwiftUI, Compose, React Native, and Flutter. Verification uses emulator or device screenshots via adb rather than browser tooling.

What is the difference between critique and audit commands?▼

Critique is a design review scoring Nielsen's 10 heuristics with persona testing and detector evidence, while audit is a technical code-level check of accessibility, performance, theming, and responsive behavior. Critique judges design quality; audit measures implementation quality.

When should I not use this Skill?▼

Do not use it for backend-only or non-UI tasks, as its commands and references all target frontend interfaces and visual design. It also defers to a pinned brief: it will not redirect a confirmed design direction toward its own defaults.