skills.rest
filippolmt
filippolmtCOMMUNITY
Explore all skills by this author →
GitHub

impeccable

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

1|Updated Jul 2, 2026
Search Tags:#typography#accessibility#frontend#responsive design#design system#ui design#ux audit
One-click install
npx skills add https://github.com/filippolmt/skills --skill impeccable-filippolmt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/filippolmt/skills/tree/main/skills/impeccable
Command: npx skills add https://github.com/filippolmt/skills --skill impeccable-filippolmt

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 planning, critiquing, and polishing UI. This Skill provides a structured design workflow with 20+ commands covering the full lifecycle from planning to production hardening. ## Core Features & Use Cases - Design Planning & Documentation: Capture product context in PRODUCT.md, generate DESIGN.md from existing code, and plan UX before writing code with the shape and init commands. - Evaluation & Auditing: Run UX critiques with heuristic scoring and technical audits covering accessibility, performance, theming, responsive design, and platform conformance for web, iOS, and Android. - Refinement & Enhancement: Apply targeted improvements like bolder, quieter, distill, animate, colorize, typeset, layout, harden, and polish to elevate existing interfaces. - Use Case: A developer finishes a dashboard that feels generic. They run an audit to get a scored report of accessibility and responsive issues, apply layout and colorize fixes, then run polish before shipping. ## Quick Start Ask the AI to audit your landing page for accessibility and responsive design issues, then apply the recommended fixes one command at a time.

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, which checks five dimensions: accessibility, performance, theming, responsive design, and implementation integrity. It produces a scored report out of 20 with P0-P3 severity ratings and recommends specific follow-up commands for each finding.

How to make a bland UI design more visually interesting?▼

Use the bolder command to amplify a safe design within its existing system, or colorize to introduce strategic color roles. For typography problems, typeset fixes hierarchy and fonts; for spacing issues, layout fixes rhythm and alignment.

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, Dynamic Type, Material Design, and touch targets. Native audits use adb screencap or simulator captures instead of browser tooling.

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

Critique evaluates design from a UX perspective with heuristic scoring, persona testing, and feedback on hierarchy and cognitive load. Audit runs technical code-level checks on accessibility, performance, theming, and responsive behavior without fixing anything.

When should I not use this design skill?▼

It is not intended for backend-only or non-UI tasks. It also requires a frontend project context; planning-only work skips the craft-floor reference, and the launcher script must run once per session to load project context.

Related Skills

Explore More Design & Creative Skills→
rvdbreemenrvdbreemen
199

doc-coauthoring

Guide collaborative documentation through staged drafting and reader-testing checks.

Community
Advanced
GP-SoftwareDivisionGP-SoftwareDivision

polish

Fix alignment, spacing, typography, color, and interaction issues in digital products.

Official
Advanced
distribucionesfayosmoreno-sysdistribucionesfayosmoreno-sys

ui-visual-validator

Validate UI modifications for visual regression, compliance, and accessibility.

Community
Advanced
shinnytechshinnytech

using-shadcn-ui

Create React UI components with shadcn/ui and Tailwind CSS.

Official
Intermediate