ui-review

Audit UI code for StyleSeed Toss design-language compliance and accessibility.

Updated Apr 22, 2026
One-click install
npx skills add https://github.com/anonymouswhite07/Portfolio-v1 --skill ui-review-anonymouswhite07
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-review
Source: https://github.com/anonymouswhite07/Portfolio-v1/tree/main/.agents/skills/ui-review
Command: npx skills add https://github.com/anonymouswhite07/Portfolio-v1 --skill ui-review-anonymouswhite07

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

StyleSeed Toss design-language compliance is inconsistent across UI components, leading to accessibility gaps and mobile usability issues. This skill provides a structured audit to enforce token discipline, typography, spacing, and ergonomic best practices.

Core Features & Use Cases

  • Design-token discipline: enforces token-based values over hard-coded styles.
  • Accessibility and mobile UX: checks focus visibility, touch target sizes, color contrast, and readable typography.
  • Review workflow: guides code reviews with a structured checklist and actionable fixes.

Quick Start

Provide a structured UI review for a PR by following the checklist and returning concrete fixes.

Frequently Asked Questions about ui-review

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

FAQPage Schema
How do I audit UI code for design-system compliance in pull requests?

To audit UI code for design-system compliance, apply a structured review checklist focusing on design-token discipline, typography, and spacing. This enforces the use of existing primitives over hard-coded styles and provides concrete fixes for accessibility gaps.

What is the best way to check mobile accessibility and touch target sizes in UI components?

Checking mobile accessibility and touch target sizes involves auditing UI components for focus visibility, color contrast, and readable typography. This ensures mobile ergonomic best practices are met by validating against established design tokens.

How do I enforce design-token discipline and replace hard-coded styles in UI components?

Enforcing design-token discipline requires reviewing UI code to identify hard-coded styles and replacing them with existing primitive tokens. This process maintains visual consistency and provides developers with concrete fixes to align components.

Can I use a structured checklist to review typography and spacing for design-language compliance?

Yes, you can use a structured checklist to review typography and spacing for design-language compliance. This guides code reviews by systematically evaluating token usage and ergonomic best practices to return actionable fixes.

Why does my UI review fail to catch accessibility gaps and mobile usability issues?

UI reviews miss accessibility gaps and mobile usability issues when they lack a structured audit for design-token discipline and ergonomic best practices. Applying a focused checklist for focus visibility, contrast, and touch target sizes resolves this.

Does ui-review work with StyleSeed Toss design-language projects?

Yes, ui-review is specifically applied to StyleSeed Toss projects to audit UI components and PR reviews. It focuses on tokens, typography, spacing, and mobile ergonomics to ensure strict design-language compliance and accessibility.