skylar-design-review

Audit UI components across eight design quality dimensions and generate a scored report.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/tylersahagun/elmer --skill skylar-design-review
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: skylar-design-review
Source: https://github.com/tylersahagun/elmer/tree/main/pm-workspace-docs/archive/cursor-architecture-2026-02-07/.cursor/rules/Skylar/skylar-design-review
Command: npx skills add https://github.com/tylersahagun/elmer --skill skylar-design-review

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the process of conducting a thorough design quality audit on UI components, ensuring adherence to design standards and best practices.

Core Features & Use Cases

  • Eight-Point Audit: Systematically checks design token compliance, responsive behavior, dark mode rendering, state completeness, accessibility, persona alignment, strategic alignment, and visual consistency.
  • Scored Reporting: Provides a detailed, scored report with actionable findings for each dimension.
  • Use Case: A designer can use this skill to get an objective quality score and specific feedback on a new component before it's merged, ensuring it meets all project requirements.

Quick Start

Run a comprehensive design quality audit on the button component.

Frequently Asked Questions about skylar-design-review

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

FAQPage Schema
How do I run a comprehensive design quality audit on UI components?

A design quality audit systematically evaluates UI components across eight critical dimensions, including token compliance, responsiveness, dark mode, states, accessibility, and visual consistency, to generate a scored report with actionable findings.

What is component testing for design systems and how does it check accessibility?

Component testing for design systems checks accessibility by evaluating UI components against critical dimensions like state completeness and token compliance, generating a scored report with specific recommendations for improvement.

How do I check my UI components for dark mode and responsiveness before merging?

You can check UI components for dark mode and responsiveness by running an automated design review that evaluates these specific dimensions, providing objective quality scores and actionable feedback before merge.

Can I get a scored UX QA report for persona and strategic alignment?

Yes, a UX QA report can evaluate persona alignment and strategic alignment as part of an eight-point design quality audit, providing specific scores and recommendations to ensure components meet project requirements.

Does design token compliance checking work for evaluating visual consistency?

Yes, design token compliance checking works by evaluating UI components against your design system standards, verifying visual consistency and generating actionable recommendations for any token violations found.

What are the limitations of automated design reviews for state completeness?

Automated design reviews for state completeness evaluate components against eight critical audit dimensions and provide scored findings, but require clear component definitions to accurately assess all interactive states and generate actionable recommendations.