skills.rest
Shresth-sh
Shresth-shCOMMUNITY
Explore all skills by this author →
GitHub

ui-review

Review frontend UI changes against Swiss International Style before committing.

Updated Feb 24, 2026
Search Tags:#code-review#design-system#visual-consistency#frontend-design#ui-review#swiss-style
One-click install
npx skills add https://github.com/Shresth-sh/resume-matcher-ai-project --skill ui-review-shresth-sh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-review
Source: https://github.com/Shresth-sh/resume-matcher-ai-project/tree/main/.github/skills/ui-review
Command: npx skills add https://github.com/Shresth-sh/resume-matcher-ai-project --skill ui-review-shresth-sh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure frontend UI changes comply with the Swiss International Style before committing, preventing visual inconsistencies.

Core Features & Use Cases

  • Automated checks enforce color, typography, borders, and spacing according to the Swiss palette.
  • Manual review guidelines provide a checklist for validating colors, typography, borders, shadows, and anti-patterns.
  • Use Case: Before merging UI changes, run these checks to maintain design consistency across the project.

Quick Start

Run the UI review to verify changes against the Swiss International Style before committing.

Frequently Asked Questions about ui-review

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

FAQPage Schema
How do I enforce visual consistency in frontend UI before merging?▼

Enforce visual consistency before merging by running automated UI review checks against the Swiss International Style to validate colors, typography, borders, and spacing across frontend components.

What is Swiss International Style in frontend design?▼

Swiss International Style in frontend design is a set of visual rules covering color, typography, borders, and spacing. This Skill uses a checklist to enforce these rules and block commits that introduce visual anti-patterns.

Can I block commits that violate design system rules?▼

Yes, you can block commits violating design system rules by applying this UI review process. It identifies frontend changes that violate Swiss Style guidelines and prevents them from merging to maintain visual consistency.

How do I review frontend UI for anti-patterns and spacing violations?▼

Review frontend UI for anti-patterns by following the manual review checklist provided. It guides you through validating colors, typography, borders, shadows, and spacing to catch visual inconsistencies before committing code.

Does this UI review tool require any specific dependencies?▼

No, this UI review tool requires no external dependencies. You can integrate it directly into your frontend development workflow to enforce Swiss Style checks without installing additional components or libraries.

Related Skills

Explore More Design & Creative Skills→
bbvch-aibbvch-ai
9

design-system

Provide Vue.js, Tailwind CSS, and PrimeVue design tokens and component patterns.

Official
Intermediate
bbvch-aibbvch-ai
9

create-pr

Orchestrate pre-pull request validation for the swiss-ai-hub monorepo.

Official
Advanced
LrmdomLrmdom

ui-review

Validate frontend code changes against Swiss Design System rules.

Community
Intermediate
Saisagar7779Saisagar7779
4

ui-review

Review UI changes against the Swiss International Style design system.

Community
Intermediate