react-stinky

Detect React and TypeScript maintainability smells across the whole component, hook, and module, not just its props, then explain the cost of each and propose a concrete fix with a source link. Covers prop and API design (naming, boolean and callback conventions, variants over flags, controlled state, generics, refs, styling, accessibility props, server-component boundaries, JSDoc), plus state and data flow, effects and lifecycle, component structure and hooks, rendering correctness, accessibility in markup, TypeScript discipline, and a cross-file duplication pass. Defers memoization to the react-compiler skill and color literals to theme-colors. Use when reviewing or writing a React component, hook, or module, auditing a codebase for maintainability, or when asked to sniff, smell-check, lint, or clean up a whole codebase, a folder, a file, a function, or a pasted snippet. Respects native HTML attribute names, established library conventions, and intentional patterns instead of nitpicking them.

Source

Creator's repository · saschb2b/skills

View on GitHub

Security

Security checks in progress
Results will appear here once audits complete
Checked by 3 independent security firms
Does it try to trick the AI?Not yet checkedPending · Gen Agent Trust Hub
Does it sneak in hidden code?Not yet checkedPending · Socket
Does it have known bugs?Not yet checkedPending · Snyk