campusflow-ui-regression-checker

Review React + Vite UI changes against CampusFlow design rules.

Updated Mar 29, 2026
One-click install
npx skills add https://github.com/Mateo1099/CampusFlow --skill campusflow-ui-regression-checker
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: campusflow-ui-regression-checker
Source: https://github.com/Mateo1099/CampusFlow/tree/main/.agents/skills/campusflow-ui-regression-checker
Command: npx skills add https://github.com/Mateo1099/CampusFlow --skill campusflow-ui-regression-checker

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

CampusFlow UI and UX changes frequently risk breaking visual identity and usability. This skill provides a structured review process to detect regressions in alignment with CampusFlow's design language and interaction patterns.

Core Features & Use Cases

  • Evaluate visual updates for consistency with dark, glassy, neon-accented aesthetic.
  • Check hierarchy, spacing, motion, and readability across modals, pages, and forms.
  • Use when a new layout, component, or setting tweak is proposed to confirm it preserves the product identity.

Quick Start

Provide before-and-after visuals of the UI change and describe the impacted components to receive an immediate regression assessment.

Frequently Asked Questions about campusflow-ui-regression-checker

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

FAQPage Schema
How do I check my React and Vite UI updates for visual regression?

Check React and Vite UI updates for visual regression by providing before-and-after visuals of the change. This skill evaluates the impacted components and returns a clear verdict on whether the visual identity and usability are preserved.

What is visual regression testing for glassmorphism and neon design systems?

Visual regression testing for glassmorphism and neon design systems is a structured review process that detects UI inconsistencies. It checks hierarchy, spacing, motion, and readability to confirm that layout updates preserve the product identity.

Can I use this to review modals and page rewrites for usability regressions?

Yes, you can review modals and page rewrites for usability regressions. The skill applies to component refinements and setting changes, enforcing design rules to ensure readability and interaction patterns remain consistent.

What's the best way to evaluate if a theme tweak preserves a dark UI aesthetic?

The best way to evaluate if a theme tweak preserves a dark UI aesthetic is to run a structured UX review. The skill assesses whether motion tweaks or setting changes align with the dark, glassy, neon-accented visual language.

Do I need before-and-after screenshots to perform a UI regression check?

Yes, you need before-and-after visuals and a description of the impacted components to perform a UI regression check. Providing these inputs allows the skill to generate an immediate, actionable regression assessment.

Why does my CampusFlow component update fail the visual consistency review?

Your CampusFlow component update fails the visual consistency review because it likely violates established design rules such as spacing, glassmorphism, or readability. The skill outputs a clear regression verdict with actionable recommendations to fix these issues.