skills.rest
Yvesdefaria
YvesdefariaCOMMUNITY
Explore all skills by this author →
GitHub

impeccable

Designs, audits, and refines frontend interfaces through command-driven UX and visual design workflows.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve? Frontend interfaces often ship bland, inconsistent, or inaccessible because design work lacks a systematic process. This Skill provides a structured command system for designing, critiquing, auditing, and refining web and native app UI with production-grade quality standards. ## Core Features & Use Cases - Command-driven design workflow: 20+ commands covering the full design lifecycle, from planning (shape, init) through building (new surfaces, extract) to refining (polish, bolder, quieter, distill) and fixing (clarify, adapt, optimize, harden). - Technical and UX audits: Scored reviews across accessibility, performance, theming, responsive design, and platform conformance for web, iOS, and Android, with P0-P3 severity ratings and actionable fix recommendations. - Design system management: Captures product context in PRODUCT.md, generates DESIGN.md from existing code, and extracts reusable tokens and components to eliminate design drift. - Use Case: A developer's dashboard feels generic and breaks on mobile. Run an audit to get a scored report of contrast, touch-target, and layout issues, then apply the recommended adapt and polish commands to fix them systematically. ## Quick Start Ask the AI to audit your main dashboard page for accessibility and responsive design issues using the impeccable skill.

Frequently Asked Questions about impeccable

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

FAQPage Schema
How do I audit a web page for accessibility and performance issues?▼

Run the audit command on your target page or component. It scores five dimensions including accessibility, performance, theming, and responsive design on a 0-4 scale, then reports issues with P0-P3 severity ratings and recommends specific fix commands.

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

Use the bolder command on the target section. It amplifies the design using the existing system's own motifs, type scale, and vocabulary rather than adding new colors or fonts, keeping the result recognizably the same brand.

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

Yes, native platforms are supported through dedicated references for iOS and Android. Audits score against platform guidelines like the HIG and Material Design 3, and adaptation commands handle size classes, safe areas, and platform-specific navigation patterns.

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

Critique evaluates UX design quality like visual hierarchy, information architecture, and cognitive load. Audit runs technical code-level checks on accessibility, performance, theming, and responsive behavior, producing a scored health report.

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; commands like concept seeding are gated until PRODUCT.md exists, so run init first on a fresh project.

Related Skills

Explore More Design & Creative Skills→
ciignciign
25

react

Scaffold React components, hooks, and context providers with TypeScript conventions.

Official
Intermediate
SanHsienSanHsien
1

shipping-and-launch

Guides production launches with pre-launch checklists, staged rollouts, monitoring, and rollback plans.

Community
Intermediate
oldwinteroldwinter
5

usability-testing

Plan, execute, and synthesize usability tests into a Usability Test Pack.

Community
Advanced
aashahinaashahin

shadcn-ui

Integrates and customizes shadcn/ui components in React applications using Tailwind CSS.

Community
Intermediate