Exécutez n'importe quel Skill dans Manus
en un clic

Exécutez n'importe quel Skill dans Manus en un clic

visual-regression

Étoiles0

Forks0

Mis à jour29 mars 2026 à 07:32

Capture and compare visual screenshots of the sorting visualizer. Use before/after animation changes, styling updates, or any UI refactors to detect unintended regressions.

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

jasonm4130

jasonm4130/sort-algorithms

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Analystes en assurance qualité des logiciels et testeursProfessions informatiques et mathématiques·SOC 15-1253

SKILL.md

readonly

name	visual-regression
description	Capture and compare visual screenshots of the sorting visualizer. Use before/after animation changes, styling updates, or any UI refactors to detect unintended regressions.
user-invocable	true

Visual Regression

Captures screenshots of every algorithm route and diffs against stored baselines.

When to Use

Before merging any animation, CSS, or component change
After updating Motion transition configs or design tokens
When upgrading motion library version

Procedure

Ensure the app is built: npm run build
Run the capture script (starts wrangler, captures all routes):
```
npx tsx .github/skills/visual-regression/scripts/capture-screenshots.ts
```
Screenshots saved to .github/skills/visual-regression/references/current/

If no baselines exist yet, promote current as baseline:

cp -r .github/skills/visual-regression/references/current/ .github/skills/visual-regression/references/baselines/

Otherwise, run the diff:
```
npx tsx .github/skills/visual-regression/scripts/compare.ts
```
Review any flagged diffs before merging.

Notes

Baselines are committed to the repo (references/baselines/)
Current captures are gitignored (references/current/)
Each screenshot is named <algorithm-id>-<theme>.png

Plus depuis ce dépôt

même dépôt

accessibility-audit

jasonm4130/sort-algorithms

Run an axe-core accessibility audit across all algorithm visualizer routes. Use before any release to verify WCAG 2.1 AA compliance, especially after UI or animation changes.

2026-03-290

deploy-smoke-test

jasonm4130/sort-algorithms

Run a pre-deploy smoke test: builds the app, starts wrangler pages dev, and verifies every algorithm route loads and the visualizer renders correctly. Run before pushing to main.

2026-03-290

performance-benchmark

jasonm4130/sort-algorithms

Benchmark all sorting algorithm generators: measures step counts and execution time across input sizes and patterns (random, sorted, reverse, duplicates). Use when adding or modifying an algorithm to verify Big-O behaviour.

2026-03-290

scaffold-algorithm

jasonm4130/sort-algorithms

Scaffold a new sorting algorithm: generates the generator file, pure sort function, and Vitest test file from templates, then registers it in the index and constants. Use when adding any new sorting algorithm to the project.

2026-03-290

name	visual-regression
description	Capture and compare visual screenshots of the sorting visualizer. Use before/after animation changes, styling updates, or any UI refactors to detect unintended regressions.
user-invocable	true

Visual Regression

Captures screenshots of every algorithm route and diffs against stored baselines.

When to Use

Before merging any animation, CSS, or component change
After updating Motion transition configs or design tokens
When upgrading motion library version

Procedure

Ensure the app is built: npm run build
Run the capture script (starts wrangler, captures all routes):
```
npx tsx .github/skills/visual-regression/scripts/capture-screenshots.ts
```
Screenshots saved to .github/skills/visual-regression/references/current/

If no baselines exist yet, promote current as baseline:

cp -r .github/skills/visual-regression/references/current/ .github/skills/visual-regression/references/baselines/

Otherwise, run the diff:
```
npx tsx .github/skills/visual-regression/scripts/compare.ts
```
Review any flagged diffs before merging.

Notes

Baselines are committed to the repo (references/baselines/)
Current captures are gitignored (references/current/)
Each screenshot is named <algorithm-id>-<theme>.png