Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →mamamou/code-reviewer-react
React/TypeScript-specific code review overlay. Extends the universal code-reviewer skill with React version-aware rules.
Passed 18 of 22 test cases with the skill, and 17 of 22 without it.
2 fixed16 passed either way3 still failing1 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 2 test cases the skill fixed. Same model, same prompt, with and without the skill.
We are developing a mobile iOS/Android app using React Native. Review this Native Flexbox component layout: ```tsx import { View, Text, StyleSheet } from 'react-native'; export function NativeCard({ title }: { title: string }) { return ( <View style={styles.card}> <Text style={styles.text}>{title}</Text> </View> ); } const styles = StyleSheet.create({ card: { padding: 16, backgroundColor: '#fff' }, text: { fontSize: 18 } }); ```
| Checked | Without skill | With skill |
|---|---|---|
| Notes that React Native code review falls outside the scope of this web React skill | Missed | Passed |
The instructions your model reads when the skill loads.
This skill extends code-reviewer (the universal skill). Always apply the universal
skill's full checklist first, then apply the React-specific rules in this file on top.
Composition order:
code-reviewer (universal pillars: correctness, security, performance, DRY, tests, docs)Run these commands before touching any code. Version determines which rules apply.
# React and key dependency versions
cat package.json | grep -E '"(react|react-dom|react-router|@tanstack|zustand|redux|react-hook-form|next|vite|typescript|react-compiler)"' | head -20
# Check if React Compiler is enabled
cat babel.config.* next.config.* vite.config.* 2>/dev/null | grep -i "compiler\|babel-plugin-react-compiler" | head -5
# Check for legacy APIs still in use
grep -r "ReactDOM\.render\|ReactDOM\.hydrate\|forwardRef\|createClass" src/ --include="*.tsx" --include="*.jsx" -l 2>/dev/null | head -5
# Check for Server vs Client Components (Next.js App Router)
grep -r "\"use client\"\|\"use server\"" src/ app/ --include="*.tsx" -l 2>/dev/null | head -5
Report at the top of your review:
🔍 Environment: React vX.Y | TypeScript X.Y | Framework: Next.js X.Y / Vite / CRA
Compiler: Enabled / Disabled | RSC: Yes / No | Router: App Router / Pages / React Router vX
State: TanStack Query / Zustand / Redux / Context only
Then apply the version-specific rules below.
test cases passed, vs 17 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.