skills.rest
dankofly
dankoflyCOMMUNITY
Explore all skills by this author →
GitHub

ui-review

Validate frontend UI changes against Swiss International Style design tokens.

Updated Mar 5, 2026
Search Tags:#frontend#lint#design-system#visual-regression#ui-review#swiss-style
One-click install
npx skills add https://github.com/dankofly/Swing_B2B --skill ui-review-dankofly
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-review
Source: https://github.com/dankofly/Swing_B2B/tree/main/.claude/skills/ui-review
Command: npx skills add https://github.com/dankofly/Swing_B2B --skill ui-review-dankofly

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates validation of frontend UI changes against the Swiss International Style design system to prevent visual regressions before commits.

Core Features & Use Cases

  • Checks colors, typography, borders, shadows, and spacing for conformance with Swiss Style guidelines.
  • Detects anti-patterns and deviations to maintain visual consistency across components.
  • Use Case: before submitting a PR, run the UI review to ensure new changes align with tokens and layout constraints.

Quick Start

Run the UI review agent on the current branch to verify frontend changes against the Swiss style system.

Frequently Asked Questions about ui-review

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

FAQPage Schema
How do I prevent visual regressions in frontend code reviews against a design system?▼

Frontend UI review prevents visual regressions by validating code changes against the Swiss International Style design system. It checks colors, typography, borders, shadows, and spacing to maintain visual consistency before commits.

What is a Swiss International Style UI review for frontend components?▼

A Swiss International Style UI review identifies UI deviations from established design tokens. It enforces deterministic checks to validate conformance across frontend components, detecting anti-patterns during pull requests.

How do I check frontend design tokens for spacing and typography deviations before a pull request?▼

Run a UI review agent on your current branch to check frontend design tokens. It verifies spacing, typography, colors, borders, and shadows for conformance with Swiss Style guidelines before submitting a pull request.

Can I use automated scripts to enforce Swiss Style design system checks on frontend code?▼

Yes, UI review enforces deterministic checks via scripts and design tokens. It validates frontend code conformance against Swiss Style constraints across components to prevent visual regressions.

What limitations exist when validating frontend UI changes against Swiss Style constraints?▼

Validation covers colors, typography, borders, shadows, and spacing. It targets Swiss International Style deviations and anti-patterns, limiting checks to deterministic design token conformance for frontend components.

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
tiancaiamaotiancaiamao
5

land

Merge approved GitHub pull requests after CI checks pass and update task state.

Community
Advanced
jie023jie023
36

test-ui

Automate web UI testing with Playwright for layout, styles, and interactions.

Community
Intermediate
Shresth-shShresth-sh

ui-review

Review frontend UI changes against Swiss International Style before committing.

Community
Intermediate