Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx agentmods add skills/thapaliyabikendra/ai-artifacts/react-code-review-patternsnpx skills add thapaliyabikendra/ai-artifacts --skill react-code-review-patternsgit clone --depth 1 https://github.com/thapaliyabikendra/ai-artifactsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/thapaliyabikendra/ai-artifacts/react-code-review-patterns)<a href="https://agentmods.dev/skills/thapaliyabikendra/ai-artifacts/react-code-review-patterns"><img src="https://agentmods.dev/badge/skills/thapaliyabikendra/ai-artifacts/react-code-review-patterns.svg" alt="Measured on agentmods" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5 | $0.00053 | $0.01237 |
| Opus 5 | $0.00026 | $0.00619 |
| Sonnet 5 | $0.00011 | $0.00247 |
| Haiku 4.5 | $0.00005 | $0.00124 |
Grade A, and why
react-code-review-patterns scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured today.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 131 lines — stays where its author put it; the contents beside it link to each section on GitHub.
React Code Review Patterns
Checklists and patterns for reviewing React/TypeScript frontend code.
Quick Reference
| Priority | Category | Key Checks |
|---|---|---|
| 1 | Security | No secrets, XSS prevention, safe innerHTML |
| 2 | Type Safety | No any, explicit types, proper generics |
| 3 | React Patterns | Hooks rules, component structure, keys |
| 4 | Performance | Memoization, bundle size, re-renders |
| 5 | Accessibility | ARIA, keyboard nav, semantic HTML |
TypeScript Checklist
| Check | Required Pattern | Anti-Pattern |
|---|---|---|
| Type annotations | Explicit types | any, implicit any |
| Generics | Proper constraints | <any> |
| Null handling | Strict null checks | ! assertions |
| Type guards | Proper narrowing | Type casting |
| API types | Generated from schema | Manual types |
| Enums | String enums or const objects | Numeric enums |
React Components Checklist
| Check | Required Pattern | Anti-Pattern |
|---|---|---|
| Component type | Functional components | Class components |
| Props typing | Interface/type for props | Inline types, any |
| Default props | Default parameters | defaultProps |
| Children | Explicit children prop |
Implicit |
| Fragments | <> or Fragment |
Unnecessary divs |
| Keys | Stable, unique keys | Index as key |
Hooks Checklist
| Check | Required Pattern | Anti-Pattern |
|---|---|---|
| Hook rules | Top level only | Conditional hooks |
| Dependencies | Complete deps array | Missing deps, // eslint-disable |
| useEffect cleanup | Return cleanup function | Missing cleanup |
| Custom hooks | use prefix |
Non-hook abstractions |
| useMemo/useCallback | For expensive ops | Premature optimization |
State Management Checklist
| Check | Required Pattern | Anti-Pattern |
|---|---|---|
| Server state | React Query | useState for API data |
| Client state | Context or useState | Redux for simple state |
| Form state | React Hook Form | Manual form handling |
| Loading states | isLoading, isError |
Boolean flags |
| Optimistic updates | React Query mutations | Manual state sync |
What ships with it
1 file beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- today First seen · 131 lines · 53 tokens per session scan A 3aa5694f98c0
react-code-review-patterns is a skill published in the GitHub repository thapaliyabikendra/ai-artifacts (24 stars, last pushed 5mo ago), licensed Apache-2.0. It adds 53 tokens to every session and 1,237 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.
Other skills, from other repositories
react-hooks-composition
Advanced React hooks composition patterns - SWR integration, debounced search, memoized contexts, state machines, and performance optimization.
Accessibility Auditor
Comprehensive WCAG 2.1 AA compliance testing combining automated axe-core scans with manual keyboard navigation, screen reader compatibility, and focus management verification.
Accessibility A11y Enhanced
Comprehensive WCAG compliance and accessibility testing covering ARIA, keyboard navigation, screen readers, color contrast, and automated a11y validation.
Contrast Master
Color contrast and visual accessibility specialist. Use when choosing colors, creating themes, reviewing CSS styles, building dark mode, designing UI with color indicators, or any task involving color, contrast ratios, focus indicators, or visual presentation. Ensures WCAG AA compliance for all color and visual…
Design System Auditor
Design system accessibility auditor. Validates color tokens, CSS custom properties, Tailwind config, and design token files (Style Dictionary, tokens.json) for WCAG AA/AAA contrast compliance. Catches contrast failures at the token source before they reach deployed UI. Also validates focus ring tokens (WCAG 2.4.13…
accessibility-rules
Cross-format document accessibility rule reference with WCAG 2.2 mapping. Use when looking up accessibility rules for Word (DOCX-), Excel (XLSX-), PowerPoint (PPTX-), or PDF (PDFUA., PDFBP., PDFQ.) documents, or when mapping findings to WCAG success criteria for compliance reporting.