impeccable

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

Updated Aug 28, 2026
One-click install
npx skills add https://github.com/trobias/portfolio-nextjs-v2 --skill impeccable-trobias
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/trobias/portfolio-nextjs-v2/tree/main/.agents/skills/impeccable
Command: npx skills add https://github.com/trobias/portfolio-nextjs-v2 --skill impeccable-trobias

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 decisions lack a systematic process. This Skill provides a structured command workflow for designing new surfaces, critiquing UX, auditing accessibility and performance, and refining existing UI without losing the product's established visual identity. ## Core Features & Use Cases - Command-driven design workflow: Over 20 commands (shape, critique, audit, polish, bolder, quieter, animate, typeset, layout, harden, adapt, and more) each backed by a dedicated reference playbook covering build, evaluate, refine, enhance, and fix categories. - Persistent design context: Captures product strategy in PRODUCT.md and the visual system in DESIGN.md so every command works from confirmed brand commitments rather than generic defaults. - Web and native coverage: Separate playbooks for web and native platforms (iOS, Android, adaptive), including platform conformance checks against HIG and Material Design 3. - Use Case: A designer asks to audit a Next.js landing page; the Skill runs a five-dimension technical audit (accessibility, performance, theming, responsive design, implementation integrity), produces a scored report with P0-P3 findings, and recommends the exact follow-up commands to fix each issue. ## Quick Start Ask the assistant to run the impeccable audit command on your 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 website for accessibility and performance issues?▼

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

How do I make a bland UI design more visually interesting?▼

Use the bolder command on the specific section that reads flat. It amplifies the target using the design system's existing motifs, type scale, and vocabulary rather than adding new colors or fonts, keeping everything outside the named target unchanged.

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, with conformance checks against the Apple HIG and Material Design 3, including safe-area insets, touch targets, and system gestures.

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

Critique evaluates design from a UX perspective: visual hierarchy, information architecture, cognitive load, and emotional resonance. Audit runs technical code-level checks on accessibility, performance, theming, and responsive behavior, producing a scored report.

When should I not use this frontend design skill?▼

Do not use it for backend-only or non-UI tasks; its scope is explicitly limited to frontend interfaces. It also requires explicit user authorization before installing dependencies, changing credentials, or performing external writes like commits or deployments.