skills.rest
optimaxin
optimaxinCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

impeccable

Designs, critiques, audits, and refines frontend interfaces through structured UX commands.

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

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 designs because teams lack a systematic design process. This Skill provides a structured command system for designing, reviewing, and hardening UI across websites, dashboards, apps, and native platforms. ## Core Features & Use Cases - Design Commands: Run targeted operations like shape, critique, audit, polish, bolder, quieter, typeset, layout, animate, and colorize against any UI surface. - Design System Management: Capture product context in PRODUCT.md, generate DESIGN.md from existing code, and extract reusable tokens and components. - Technical Audits: Score accessibility, performance, theming, responsive behavior, and platform conformance with P0-P3 severity findings for web, iOS, and Android. - Use Case: Ask for a critique of a landing page, receive a heuristic-scored review, then run bolder to amplify a flat hero section and polish for the final pre-ship pass. ## Quick Start Ask the agent to critique your landing page design and suggest improvements using the impeccable design commands.

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 section to amplify it using the design system's existing motifs, type scale, and vocabulary. It raises the target to the expressive level of surrounding sections without adding new colors, fonts, or primitives.

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

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

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. Audits score platform conformance against the iOS HIG and Material Design 3, including touch targets, safe-area insets, and system gestures.

What is the difference between critique and audit commands?▼

Critique evaluates UX design quality with heuristic scoring, covering hierarchy, information architecture, 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 avoids open-ended self-QA loops; verification is bounded to one batched inspection round plus at most one confirmation pass before handing off.

Related Skills

Explore More Design & Creative Skills→
TgoldiTgoldi

impeccable

Designs, critiques, and refines frontend interfaces through structured sub-commands and design references.

Community
Advanced
juanpvhjuanpvh

ga4-ratos

Query and analyze Google Analytics 4 data via the Google Analytics Data API.

Community
Intermediate
HCMUTE-RTICHCMUTE-RTIC

ui-visual-validator

Validate UI modifications for design system compliance and accessibility via screenshot analysis.

Official
Advanced
HouseGarofaloHouseGarofalo
3

tailwind-ui

Guide Tailwind CSS utility-first styling for responsive web UI development.

Official
Intermediate