skills.rest
aidankang
aidankangCOMMUNITY
Explore all skills by this author →
GitHub

ui-review

Review UI changes against Swiss International Style design rules.

Updated Aug 27, 2026
Search Tags:#ui#code review#consistency#frontend#design system#swiss style
One-click install
npx skills add https://github.com/aidankang/resume-matcher-gcp-functions --skill ui-review-aidankang
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-review
Source: https://github.com/aidankang/resume-matcher-gcp-functions/tree/main/.agents/skills/ui-review
Command: npx skills add https://github.com/aidankang/resume-matcher-gcp-functions --skill ui-review-aidankang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill ensures that all frontend UI changes adhere to the strict guidelines of the Swiss International Style design system, preventing visual inconsistencies and maintaining a professional look and feel.

Core Features & Use Cases

  • Automated Design Checks: Runs regular expressions to identify common anti-patterns like rounded corners, gradients, and off-palette colors.
  • Manual Review Checklist: Provides a comprehensive checklist for human review of colors, typography, borders, shadows, and components.
  • Use Case: Before merging a pull request for a new feature, run this Skill to automatically catch any deviations from the design system and then use the checklist to manually verify the remaining aspects, ensuring a high-quality user interface.

Quick Start

Run the ui-review skill to check the frontend code for any UI design violations.

Frequently Asked Questions about ui-review

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

FAQPage Schema
How do I check my frontend code for UI design system violations?▼

To check frontend code for UI design system violations, use this Skill to run automated regular expression checks with `rg` and a manual checklist, enforcing rules for colors, typography, borders, shadows, and spacing against the Swiss International Style.

How does automated UI consistency review work for flat design aesthetics?▼

Automated UI consistency review works by running shell commands with `rg` to identify common anti-patterns like rounded corners, gradients, and off-palette colors, ensuring adherence to a strict, flat, and functional design aesthetic.

Can I use this to enforce Swiss Style typography and spacing before a pull request?▼

Yes, you can enforce Swiss Style typography and spacing before a pull request by running this Skill to automatically catch deviations and then using the detailed manual checklist to comprehensively verify remaining visual aspects.

What is the best way to maintain UI consistency across a new feature?▼

The best way to maintain UI consistency across a new feature is to run automated design checks for anti-patterns and follow a comprehensive manual checklist validating colors, borders, shadows, and components against the Swiss International Style.

Does UI review work with any frontend framework or only specific platforms?▼

UI review works across frontend frameworks by utilizing shell commands with `rg` to scan the codebase directly, enforcing design system rules regardless of the specific platform or framework used to build the user interface.

Related Skills

Explore More Design & Creative Skills→
srbhrsrbhr
28.1k

design-principles

Apply Swiss International Style guidelines to UI component design and visual tokens.

Community
Basic
shynlee04shynlee04

ui-layout-contract

Enforce flat hierarchy, z-index scale, and 8-bit design rules in front-end layouts.

Community
Advanced
Chinmay-23-cpuChinmay-23-cpu

design-taste-skill-pack

Select and apply predefined UI styles across frontend projects.

Community
Advanced
dankoflydankofly

ui-review

Validate frontend UI changes against Swiss International Style design tokens.

Community
Intermediate