skills.rest
oluwatobicode
oluwatobicodeCOMMUNITY
Explore all skills by this author →
𝕏@OluwatobicodesGitHub

impeccable

Critique frontend interfaces for typography, spacing, color, motion, and accessibility.

Updated Apr 28, 2026
Search Tags:#ui#a11y#frontend#responsive#ux#design-systems#impeccable
One-click install
npx skills add https://github.com/oluwatobicode/breachlabs-app-frontend --skill impeccable-oluwatobicode
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/oluwatobicode/breachlabs-app-frontend/tree/main/.claude/.agents/skills/impeccable
Command: npx skills add https://github.com/oluwatobicode/breachlabs-app-frontend --skill impeccable-oluwatobicode

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This skill helps teams iterate and improve frontend user interfaces with production-grade rigor. It guides UX reviews, accessibility checks, visual hierarchy improvements, and responsive behavior decisions, turning vague briefs into concrete UI decisions and executable code.

Core Features & Use Cases

  • Comprehensive UX critique, design iteration, and polish for web interfaces (landing pages, dashboards, product UIs, app shells).
  • Systematic evaluation of typography, color, spacing, motion, and accessibility using tokens and design-system references.
  • End-to-end craft: from shape brief to production-ready HTML/CSS/TSX that aligns with performance and accessibility best practices.

Quick Start

Provide a design brief and I will generate a production-grade UI plan with implementation-ready guidance.

Frequently Asked Questions about impeccable

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

FAQPage Schema
How do I perform a production-grade UI critique on a frontend dashboard?▼

A production-grade UI critique evaluates frontend dashboards by systematically reviewing typography, spacing, color, motion, and accessibility, delivering actionable design-evaluation outputs and implementation guidance aligned with design tokens.

What is the best way to improve responsive behavior and visual hierarchy in a web interface?▼

Improving responsive behavior and visual hierarchy involves applying design-system principles to iterate on frontend interfaces, turning vague briefs into concrete UI decisions that enhance layout consistency across different screen sizes.

How do I align frontend HTML and TSX code with accessibility and design token standards?▼

Aligning HTML and TSX with accessibility standards requires generating production-ready code guided by systematic design-evaluation outputs, ensuring frontend interfaces meet performance and a11y best practices using design tokens.

Can I use this approach for UX reviews on both landing pages and admin UIs?▼

Yes, UX reviews apply to both landing pages and admin UIs, providing comprehensive design iteration and polish that addresses visual hierarchy, spacing, and motion constraints specific to each web interface type.

Does the UI evaluation process require existing design-system references to function?▼

The UI evaluation process leverages design-system references to guide systematic checks, but it can transform vague briefs into executable UI decisions and implementation guidance even when establishing initial design token foundations.

Related Skills

Explore More Design & Creative Skills→
noahwins-ngnoahwins-ng
1

web-design-guidelines

Audit UI components, HTML structures, and CSS patterns against design and accessibility standards.

Community
Intermediate
msichtermanmsichterman

frontend-design

Design and implement accessible, responsive frontend interfaces with React, HTML/CSS, or modern frameworks.

Community
Advanced
WellApp-aiWellApp-ai
341

design-context

Align UI decisions with design system tokens, Storybook stories, and codebase patterns.

Official
Basic
LschulzesLschulzes

web-design-guidelines

Evaluate UI code against Web Interface Guidelines to detect deviations.

Community
Intermediate