impeccable

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

Updated May 21, 2025
One-click install
npx skills add https://github.com/nielslataire/Group-LN --skill impeccable-nielslataire
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/nielslataire/Group-LN/tree/main/.agents/skills/impeccable
Command: npx skills add https://github.com/nielslataire/Group-LN --skill impeccable-nielslataire

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, and teams lack a systematic way to design, review, and polish UI across websites, dashboards, and native apps. ## Core Features & Use Cases - Command-driven design workflow: 20+ commands such as shape, critique, audit, polish, bolder, quieter, animate, typeset, and adapt cover building, evaluating, refining, and fixing UI. - Design system context: init and document commands capture PRODUCT.md and DESIGN.md so all work stays on-brand with existing tokens, typography, and components. - Technical quality audits: scored reports across accessibility, performance, theming, responsive design, and platform conformance for web, iOS, and Android. - Use Case: Ask for a critique of your landing page and receive a heuristic-scored design review with prioritized P0-P3 issues and a recommended fix sequence ending in a final polish pass. ## Quick Start Ask the agent to critique your homepage's design and suggest prioritized 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 surface to amplify it using the existing design system's own motifs, type scale, and vocabulary. It raises the target to the expressive level of its neighbors without adding new colors, fonts, or primitives.

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

Use the audit command, which runs technical checks across accessibility, performance, theming, responsive design, and implementation integrity. It produces a scored report out of 20 with P0-P3 severity findings and recommended follow-up commands.

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

Yes, native platforms are supported through dedicated references for iOS and Android covering platform conventions, safe areas, touch targets, and theming. Audit and adapt commands route to native variants when the project platform is ios, android, or adaptive.

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 code-level technical check of accessibility, performance, theming, and responsive behavior. Critique judges design quality; audit verifies measurable implementation quality.

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 and frontend implementation. It also avoids open-ended self-QA loops, delegating final verification to bounded inspection rounds and finish handoffs.