skills.rest
friedbotstudio
friedbotstudioOFFICIAL
Explore all skills by this author →
GitHub

impeccable

Plan, critique, and refine user interfaces with structured design analysis.

5|Updated Apr 29, 2026
Search Tags:#typography#accessibility#layout#ui design#color#polish#ux critique
One-click install
npx skills add https://github.com/friedbotstudio/baseline --skill impeccable-friedbotstudio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/friedbotstudio/baseline/tree/main/.claude/skills/impeccable
Command: npx skills add https://github.com/friedbotstudio/baseline --skill impeccable-friedbotstudio

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps you plan, critique, refine, and harden user interfaces so they feel more intentional, usable, and production-ready instead of generic or unfinished.

Core Features & Use Cases

  • Design planning: Shape a clear UX direction before implementation, including layout, hierarchy, tone, and interaction strategy.
  • Quality review: Audit interfaces for accessibility, responsiveness, performance, copy clarity, and common anti-patterns.
  • Visual refinement: Improve typography, spacing, color, motion, and delight when a screen feels bland, noisy, or off-balance.
  • Production hardening: Prepare screens for real-world use with better empty states, error states, edge-case handling, and device adaptation.
  • Use case: A team can use this Skill to evaluate a dashboard, rewrite confusing labels, tighten layout rhythm, and finish the UI with a final polish pass.

Quick Start

Use impeccable to review the provided interface and tell me the highest-priority UX, visual, and accessibility improvements.

Frequently Asked Questions about impeccable

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

FAQPage Schema
How do I critique a UI design for accessibility and visual hierarchy issues?▼

To critique a UI design for accessibility and visual hierarchy, analyze layout, typography, color, and common anti-patterns to provide production-grade design judgment that hardens interfaces for real-world use.

What is the best way to plan UX direction and interaction strategy before implementation?▼

The best way to plan UX direction is to define layout, hierarchy, tone, and interaction strategy early, applying structured design judgment to shape clear and intentional user interfaces.

How do I refine app screens and dashboards that feel bland or visually off-balance?▼

To refine app screens and dashboards that feel bland, improve typography rhythm, spacing, color balance, and motion, applying a visual refinement pass to increase polish and delight.

Does this approach help prepare interfaces for empty states and edge-case handling?▼

Yes, this approach prepares interfaces for empty states and edge-case handling by applying production hardening techniques that ensure screens are robust and fully usable across real-world device adaptations.

Can I use this to fix common AI-generated design anti-patterns in landing pages?▼

Yes, you can use this to fix common AI-generated design anti-patterns in landing pages by auditing interaction surfaces for clarity, responsiveness, and copy to deliver a more intentional and finished UI.

Related Skills

Explore More Design & Creative Skills→
hffmnnjhffmnnj
39

visual-regression

Compare screenshots pixel-by-pixel to detect unintended UI changes.

Community
Intermediate
AskTinNguyenAskTinNguyen

shadcn-component-reference-davinci

Transform shadcn-examples patterns into refined React/Tailwind component specifications.

Community
Advanced
jordanhubbardjordanhubbard
105

web-designer

Translate product goals into polished Loom UI designs with documented specs.

Community
Intermediate
softsparksoftspark
161

lint

Detect and execute linters and type checkers for Python, JavaScript, PHP, Go, Dart, and Rust projects.

Community
Intermediate