skills.rest
ZawilecxD
ZawilecxDCOMMUNITY
Explore all skills by this author →
GitHub

impeccable

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

Updated May 20, 2026
Search Tags:#accessibility#frontend#responsive design#design system#design audit#ui design#ux critique
One-click install
npx skills add https://github.com/ZawilecxD/trAInR --skill impeccable-zawilecxd
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/ZawilecxD/trAInR/tree/main/.agents/skills/impeccable
Command: npx skills add https://github.com/ZawilecxD/trAInR --skill impeccable-zawilecxd

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 intentional, on-brand, and production-quality. ## Core Features & Use Cases - Command-driven design workflow: 20+ commands such as shape, critique, audit, polish, bolder, quieter, animate, typeset, layout, harden, adapt, and optimize, each with a dedicated reference playbook. - Persistent design context: init captures product strategy in PRODUCT.md and document generates a DESIGN.md visual spec from existing code, keeping all later work on-brand. - Scored evaluation: critique runs dual independent assessments with Nielsen heuristic scoring and persona testing; audit produces a 0-20 technical health score across accessibility, performance, theming, responsive design, and implementation integrity. - Web and native coverage: dedicated references for iOS and Android platform conformance, plus live browser variant iteration via the live and generate commands. - Use Case: Ask the agent to audit a dashboard page; it scores accessibility, performance, theming, and responsiveness, lists P0-P3 issues, and recommends the exact follow-up commands to fix them. ## Quick Start Ask the agent to run the impeccable init command in your project to capture product context, then request a critique or audit of any page or component.

Frequently Asked Questions about impeccable

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I improve the design of an existing web page with AI?▼

Run a refinement command scoped to the target, such as bolder for bland sections, layout for spacing and hierarchy, or typeset for typography. Each command loads a dedicated playbook and preserves everything outside the named target.

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

Use the audit command, which scores accessibility, performance, theming, responsive design, and implementation integrity on a 0-4 scale each. It reports issues with P0-P3 severity and recommends the specific follow-up commands to fix them.

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

Yes. Native projects route to platform-specific references covering Material Design 3 on Android and iOS conventions like safe areas, Dynamic Type, and edge-swipe back. Audit, adapt, and animate each have native variants.

What is the difference between critique and audit commands?▼

Critique is a design review using Nielsen heuristic scoring, persona testing, and detector evidence to judge visual and UX quality. Audit is a code-level technical check of accessibility, performance, theming, and responsive behavior that documents issues without fixing them.

When should I not use this UI design workflow?▼

It is not intended for backend-only or non-UI tasks. It also requires a project context to be most effective; without PRODUCT.md or DESIGN.md, new surfaces route through the init interview first.

Related Skills

Explore More Design & Creative Skills→
Mjlike123Mjlike123

frontend-aesthetic-direction

Defines a concrete aesthetic direction across typography, color, density, and motion for greenfield design work.

Community
Intermediate
42team-ru42team-ru

polish

Correct spacing, alignment, typography, and micro-details in product interfaces.

Official
Advanced
winstonkoh87winstonkoh87
558

visual-verify-ui

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

Community
Intermediate
andrewle9510andrewle9510

fd-design-philosophy

Define visual identity, design principles, and aesthetic direction for branding systems.

Community
Basic