impeccable-style

Audit UI components against a visual polish checklist for spacing, typography, color, and interactions.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/Jtapias92672/OneDrive_1_1-19-2026-2 --skill impeccable-style
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: impeccable-style
Source: https://github.com/Jtapias92672/OneDrive_1_1-19-2026-2/tree/main/mcp-gateway/.claude/skills/impeccable-style
Command: npx skills add https://github.com/Jtapias92672/OneDrive_1_1-19-2026-2 --skill impeccable-style

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Inconsistent visual polish across UI components reduces perceived quality and usability; this skill provides guidance to identify and fix spacing, typography, color, and interaction discrepancies to elevate UI polish.

Core Features & Use Cases

  • Provides a comprehensive visual polish checklist covering spacing, typography, colors, micro-interactions, borders and shadows.
  • Helps ensure consistency across components in final polish passes, design reviews, and development handoffs.
  • Serves as a practical reference for designers and front-end engineers to raise the perceived quality of interfaces.

Quick Start

Review your UI against the impeccable-style checklist and start applying the recommended polish improvements across your components.

Frequently Asked Questions about impeccable-style

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

FAQPage Schema
How do I fix visual inconsistencies in my UI components before production handoff?

Polish UI details by auditing your interface against a documented visual checklist that enforces consistent spacing, typography, color, and micro-interactions, elevating overall perceived quality during final design reviews.

What is the best way to ensure spacing and typography consistency across a component library?

Apply documented style scales during your final polish pass to enforce consistent spacing and typography across your component library, ensuring cohesive visual design rules for both designers and developers.

Can I use a visual polish checklist for a front-end development handoff?

Yes, you can use a visual polish checklist during front-end development handoffs to verify borders, shadows, and micro-interactions, serving as a practical reference guide for engineers to fix UI discrepancies.

Why does my UI design look inconsistent even after applying style scales?

Your UI design looks inconsistent when micro-interactions and visual details like borders or shadows deviate from your style scales; a comprehensive polish checklist identifies and fixes these specific discrepancies during final design reviews.