skills.rest
ousiass
ousiassCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Review UI component design quality against project design foundations.

Updated Feb 9, 2026
Search Tags:#accessibility#design system#report generation#design review#ui consistency#component audit
One-click install
npx skills add https://github.com/ousiass/claude-config --skill design-review-ousiass
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/ousiass/claude-config/tree/main/skills/design-review
Command: npx skills add https://github.com/ousiass/claude-config --skill design-review-ousiass

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates the review of UI component design quality, identifying inconsistencies and potential issues to ensure a high standard of visual appeal and usability.

Core Features & Use Cases

  • Automated Design Audits: Checks for adherence to design tokens, visual consistency, layout, accessibility, and interaction patterns.
  • Issue Generation: Creates detailed GitHub Issues or local Markdown reports for identified design flaws.
  • Use Case: Before merging a new feature, run this Skill to automatically audit all new UI components against the project's design system, flagging any deviations for immediate correction.

Quick Start

Run the design-review skill to check the current directory for design inconsistencies.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I automate UI component audits against a design system?▼

Automate UI component audits by running the design-review skill against your project directory to check visual consistency, layout, accessibility, and interaction patterns.

What is a design system component audit for accessibility and UI consistency?▼

A design system component audit evaluates UI components for adherence to design tokens, visual consistency, layout standards, and accessibility interaction patterns.

Do I need GitHub CLI installed to generate design review reports?▼

You need the GitHub CLI installed if you want to generate GitHub Issues for identified design flaws. The skill can alternatively create local Markdown reports.

How do I generate GitHub Issues for UI accessibility and layout deviations?▼

Generate GitHub Issues for UI deviations by running the design-review skill with the GitHub CLI configured. It automatically flags visual consistency and accessibility issues.

What is the best way to check UI components for visual consistency before merging?▼

The best way to check UI components before merging is running an automated design audit against project design tokens and foundations.

Related Skills

Explore More Design & Creative Skills→
DaddyElonMusk69DaddyElonMusk69

github-auth

Configure GitHub authentication for git operations and API access.

Community
Intermediate
ahandselahandsel
1

link-polisher

Rewrite raw Figma and GitHub URLs in Markdown files into descriptive links.

Community
Intermediate
lailtonjuniorlailtonjunior

Pr Review

Automate pull request reviews to enforce team standards and best practices across Git workflows.

Community
Intermediate
abretonc7sabretonc7s

visual-testing

Capture screenshots before and after UI interactions to detect visual regressions.

Community
Intermediate