import-regression

Audit React/Next.js import modal components for regressions and accessibility.

Updated Apr 1, 2026
One-click install
npx skills add https://github.com/thingperson/pileofshame --skill import-regression
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: import-regression
Source: https://github.com/thingperson/pileofshame/tree/main/.claude/skills/import-regression
Command: npx skills add https://github.com/thingperson/pileofshame --skill import-regression

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Auditors of frontend code need to identify regressions in modal components that handle imports, ensuring accessibility and consistent UI after typography or layout changes.

Core Features & Use Cases

  • Static code analysis of modal components: SteamImportModal.tsx, PSNImportModal.tsx, XboxImportModal.tsx, PlayniteImportModal.tsx, SteamWishlistModal.tsx, GameSearch.tsx, AddGameModal.tsx, ImportHub.tsx.
  • Checks include broken imports, text sizing compliance, label accessibility, modal structure, and step flow integrity for multi-step modals.

Quick Start

Run the import-regression audit to verify all import modal components for regressions, accessibility, and text sizing.

Frequently Asked Questions about import-regression

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

FAQPage Schema
How do I audit React modal components for accessibility and styling regressions?

To audit React modal components for accessibility and styling regressions, run a static code analysis that checks text sizing, label compliance, and modal structure to verify consistency after typography or layout changes.

What is the best way to check import modal components for broken imports and UI consistency?

The best way to check import modal components for broken imports and UI consistency is to perform static code analysis on specific React files, verifying loading states, error states, and multi-step flow integrity.

Can I verify multi-step modal flow integrity and input labels in a Next.js project?

Yes, you can verify multi-step modal flow integrity and input labels in a Next.js project by auditing modal components to ensure functional checks pass for accessibility and structural compliance after updates.

How do I test loading and error states in frontend import modals after a layout change?

Testing loading and error states in frontend import modals after a layout change involves analyzing the modal code to identify regressions in functional checks, ensuring styling and state behaviors remain intact.

When do I need to run a regression audit on frontend import modals?

You need to run a regression audit on frontend import modals after typography or layout changes to identify and report broken imports, text sizing issues, and accessibility inconsistencies across multiple modal components.