gbasin

gbasin / dejank

Public

Detect and diagnose visual jank in React UIs — static analysis of 18 anti-patterns + runtime investigation workflows (Playwright, React DevTools, Chrome Performance, web-vitals). Agent skill for Claude Code, Codex, Cursor, and others.

16
0
100% credibility
Found Mar 28, 2026 at 16 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
AI Summary

A diagnostic tool that scans web apps for visual glitches like flickering or layout shifts and provides guidance to fix them.

How It Works

1
🔍 Notice glitches

You spot flickering, shifting, or flashing in your web app that makes it feel unsteady to users.

2
📥 Get the tool

You add this handy checker with one simple command, and it's ready to help right away.

3
Pick your check
🕵️
Full scan

Look over your whole app for sneaky patterns that cause jank.

🎯
Specific issue

Focus on one exact symptom like a flash or shift to find the cause fast.

4
✨ Run the check

The tool examines your app quietly in the background and gathers clues about what's wrong.

5
📊 See the findings

You get a clear list of issues with explanations and tips on how to smooth things out.

🎉 Enjoy smooth sailing

After quick fixes, your app feels buttery smooth, delighting every user who visits.

Sign up to see the full architecture

4 more

Sign Up Free

Star Growth

See how this repo grew from 16 to 16 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is dejank?

Dejank equips AI coding agents like Claude Code, Codex, and Cursor to detect and diagnose visual jank in React UIs—flickers, layout shifts, and flashes from state updates that slip past tests. It runs static scans against 18 anti-patterns like effect-driven state or unstable keys, or runtime probes via Playwright, React DevTools, Chrome Performance, and web-vitals for specific symptoms. Install globally with `npx skills add gbasin/dejank --all -g` and invoke it in your prompts.

Why is it gaining traction?

It stands out by focusing on React's commit model pitfalls that generic tools like django linters or github detect ci miss, using a decision tree to pick static prevention or targeted runtime paths. Developers hook on the severity-rated patterns and tool matrix for quick wins on silent issues like hydration mismatches or font flash (FOUT/FOIT). The agent format integrates detect vs diagnose into AI workflows, unlike manual github detect changes hunts.

Who should use this?

React frontend devs debugging prod jank in dashboards or SPAs, especially Cursor/Claude users reviewing PRs for layout thrashing or async waterfalls. Suited for teams detect and diagnose memory issues in high-interaction UIs, skipping boilerplate profiling.

Verdict

Early maturity with 16 stars and 1.0% credibility score means solid docs on patterns but light adoption—test outputs against real apps. Worth adding for AI-driven React audits if jank haunts your deploys.

(178 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.