check-design

Review UI components for compliance with design language standards and UI experience targets.

5|3|Updated Mar 20, 2026
One-click install
npx skills add https://github.com/leifericf/agentic-sdk --skill check-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: check-design
Source: https://github.com/leifericf/agentic-sdk/tree/main/skills/check-design
Command: npx skills add https://github.com/leifericf/agentic-sdk --skill check-design

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill reviews the UI design language and UI experience targets to ensure compliance and high-quality user experience. It identifies violations, defaults, and clutter that may affect user interaction and visual aesthetics.

Core Features & Use Cases

  • Design Language Review: Checks UI against the project's design language.
  • UI Experience Evaluation: Ensures clean view-spec data, proper effects, and focus states.
  • Use Case: When a designer or reviewer needs to ensure the UI components adhere to the project's design standards and user experience targets.

Quick Start

Run the check-design skill to review the UI components of your project.

Frequently Asked Questions about check-design

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

FAQPage Schema
How do I check UI components for design language compliance?

To check UI components for design language compliance, you review them against the project's design system documentation and view-specs to identify violations, defaults, and visual clutter affecting user interaction and visual aesthetics.

What is a UI experience evaluation?

A UI experience evaluation is a review process that ensures clean view-spec data, proper interactive effects, and correct focus states across UI components to meet the project's user experience targets and visual aesthetics.

How do I run a design review on my front-end project?

To run a design review, you analyze view-specs and design system documentation alongside your interactive UI components to identify violations and improvements for front-end design compliance and user experience optimization.

Can I use view-spec analysis to identify UX violations?

Yes, view-spec analysis can be used to identify UX violations by checking your UI components against design language standards to detect defaults and clutter affecting user interaction and visual aesthetics.

Does design review work without design system documentation?

Design review requires design system documentation and view-specs to effectively identify violations and ensure UI components adhere to the project's design standards and user experience targets and visual aesthetics.

What are the limitations of automated UX evaluation for UI components?

Automated UX evaluation is limited by the accuracy of the provided view-specs and design system documentation, meaning it cannot detect violations or improvements for standards not explicitly defined in those inputs and view-spec data.