React Code Review
giuseppe-trisciuoglio/developer-kit
Provides comprehensive code review capability for React applications, validates component architecture, hooks usage, React 19 patterns, state management, performance optimization, accessibility…
Reviews PR(s) using comprehensive review guidelines including security, correctness, clean code, TypeScript, React patterns, i18n/RTL, performance, and accessibility.
Install Review
$ npx skills add quran/quran.com-frontend-next --skill review -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install quran/quran.com-frontend-next review --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/quran/quran.com-frontend-next.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/quran/skills/review .claude/skills/review && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "review" agent skill from https://github.com/quran/quran.com-frontend-next/tree/production/.agents/quran/skills/review into .claude/skills/review/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "review", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/quran/quran.com-frontend-next/tree/production/.agents/quran/skills/reviewType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add quran/quran.com-frontend-next --skill review -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install quran/quran.com-frontend-next review --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/quran/quran.com-frontend-next.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/quran/skills/review .agents/skills/review && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "review" agent skill from https://github.com/quran/quran.com-frontend-next/tree/production/.agents/quran/skills/review into .agents/skills/review/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "review", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add quran/quran.com-frontend-next --skill review -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install quran/quran.com-frontend-next review --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/quran/quran.com-frontend-next.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/quran/skills/review .cursor/skills/review && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "review" agent skill from https://github.com/quran/quran.com-frontend-next/tree/production/.agents/quran/skills/review into .cursor/skills/review/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "review", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/quran/quran.com-frontend-next.git --path .agents/quran/skills/review--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add quran/quran.com-frontend-next --skill review -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install quran/quran.com-frontend-next review --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/quran/quran.com-frontend-next.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/quran/skills/review .gemini/skills/review && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "review" agent skill from https://github.com/quran/quran.com-frontend-next/tree/production/.agents/quran/skills/review into .gemini/skills/review/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "review", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install quran/quran.com-frontend-next reviewInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add quran/quran.com-frontend-next --skill review -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/quran/quran.com-frontend-next.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/quran/skills/review .github/skills/review && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "review" agent skill from https://github.com/quran/quran.com-frontend-next/tree/production/.agents/quran/skills/review into .github/skills/review/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "review", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add quran/quran.com-frontend-next --skill review -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install quran/quran.com-frontend-next review --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/quran/quran.com-frontend-next.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/quran/skills/review .opencode/skills/review && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "review" agent skill from https://github.com/quran/quran.com-frontend-next/tree/production/.agents/quran/skills/review into .opencode/skills/review/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "review", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
review- GitHub stars
- 1.9k
- Token cost
- ~1.1k tokens
- SKILL.md length
- 460 words
- Files
- 1
- Skills in repo
- 4
- Repo updated
- First seen
- Licence
- None found
At a glance
Reviews PR(s) using comprehensive review guidelines including security, correctness, clean code, TypeScript, React patterns, i18n/RTL, performance, and accessibility.
- Works in 5 steps: Read the review prompt from… → Fetch PR details: gh pr view {PR_NUMBER}… → Fetch PR diff: gh pr diff {PR_NUMBER} → …
- Reviewing pull requests
- SKILL.md covers Arguments, Steps, Re-review Protocol and Review Criteria, plus 4 more sections
- Calls gh and yarn
What it does
Review is an agent skill from quran/quran.com-frontend-next. Reviews PR(s) using comprehensive review guidelines including security, correctness, clean code, TypeScript, React patterns, i18n/RTL, performance, and accessibility. Use when reviewing pull requests or code changes.
Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Development, covering Pull requests, Code quality and React components. It works with TypeScript. The repository describes itself as: Frontend build on next.js.
When your agent uses it
- Reviewing pull requests
- Tasks that involve Pull requests
- Tasks that involve Code quality
Example prompts
- “Use the review skill to review PR(s) using comprehensive review guidelines including security, correctness, clean code, TypeScript, React patterns…”
- “/review”
Workflow steps
5 steps, taken from the first numbered list in SKILL.md.
- Read the review prompt from docs/REVIEW_PROMPT.md for all criteria
- Fetch PR details: gh pr view {PR_NUMBER} --json title,body,files,additions,deletions,author
- Fetch PR diff: gh pr diff {PR_NUMBER}
- If files changed > 15, flag for potential split before deep review
- Check for previous reviews (see Re-review Protocol below)
What it can do on your machine
Read from SKILL.md and the folder at commit aff1a03. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
ghyarn
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use gh and yarn, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Review loads about 1.1k tokens when it runs. Until then it costs about 56 tokens; SKILL.md has 460 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 460 words (~1,121 tokens).
“Review PR(s) using the comprehensive review guidelines.”
- name
- review
Files
Just SKILL.md in .agents/quran/skills/review of quran/quran.com-frontend-next.
Open the folder on GitHubat commit aff1a03
Compare with similar skills
Review next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Review this skillquran/quran.com-frontend-next | 1.9k | — | ~1.1k | Automated safety check: Pass | None | |
| React Code Reviewgiuseppe-trisciuoglio/developer-kit | 357 | — | ~2.6k | Automated safety check: Notes | MIT | |
| Code Reviewerjewbetcha/opentrace | 116 | 2 repos | ~1.1k | Automated safety check: Notes | MIT | |
| Code Reviewbennycode/trading-signals | 996 | — | ~203 | Automated safety check: Pass | None | |
| Code Reviewmicrosoft/vscode-containers | 141 | — | ~415 | Automated safety check: Pass | Custom licence | |
| Code ReviewerLeoYeAI/openclaw-master-skills | 2.2k | 1 repos | ~1.2k | Automated safety check: Pass | MIT |
Similar skills
Code Reviewer
jewbetcha/opentrace
Comprehensive code review skill for TypeScript, JavaScript, Python, Swift, Kotlin, Go.
Code Review
bennycode/trading-signals
Repository coding standards for reviewing pull requests. An agent skill from bennycode/trading-signals.
- Official
Code Review
microsoft/vscode-containers
Review a pull request in this repository (the vscode-containers / Container Tools extension) when the automated reviewer has already supplied the diff and changed files.
Code Reviewer
LeoYeAI/openclaw-master-skills
Code review automation for TypeScript, JavaScript, Python, Go, Swift, Kotlin.
Typescript
forcedotcom/salesforcedx-vscode
TypeScript coding standards — apply when writing, reviewing, or refactoring .ts/.tsx, or naming/renaming .ts files (camelCase casing).
More from quran/quran.com-frontend-next
Agent Browser
quran/quran.com-frontend-next
Automates browser interactions for web testing, form filling, screenshots, and data extraction.
Generate Verified Docs
quran/quran.com-frontend-next
Generates audit-grade, hallucination-free documentation from codebase features with full traceability.
Test Plan
quran/quran.com-frontend-next
Generates a comprehensive testing plan based on the current branch changes or a specific PR.
Related
Works with
Categories
Questions about Review
What does Review do?
Reviews PR(s) using comprehensive review guidelines including security, correctness, clean code, TypeScript, React patterns, i18n/RTL, performance, and accessibility. com-frontend-next. Reviews PR(s) using comprehensive review guidelines including security, correctness, clean code, TypeScript, React patterns, i18n/RTL, performance, and accessibility.
When should I use Review?
Review fits situations like: reviewing pull requests; tasks that involve Pull requests; tasks that involve Code quality.
How do I install Review in Claude Code?
Run `npx skills add quran/quran.com-frontend-next --skill review -a claude-code`. Or copy the skill folder (.agents/quran/skills/review in quran/quran.com-frontend-next) into .claude/skills/review in your project. Claude Code loads it when a task matches its description.
How do I install Review in Codex?
Run `npx skills add quran/quran.com-frontend-next --skill review -a codex`. Or copy the skill folder (.agents/quran/skills/review in quran/quran.com-frontend-next) into .agents/skills/review in your project. Codex loads it when a task matches its description.
Can I use Review in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add quran/quran.com-frontend-next --skill review -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/review, .gemini/skills/review, .github/skills/review and .opencode/skills/review in your project.
What does Review need to run?
Going by SKILL.md and its folder, Review needs the command-line tools its instructions call (gh and yarn).
Does Review access the network?
SKILL.md contains no URLs. Its commands use gh, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Review safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Review use?
No licence was found for Review or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Review use?
About 1.1k tokens (SKILL.md is roughly 4.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Review?
Skills that share tags, products or a category with Review: React Code Review (giuseppe-trisciuoglio/developer-kit, 357 stars), Code Reviewer (jewbetcha/opentrace, 116 stars), Code Review (bennycode/trading-signals, 996 stars) and Code Review (microsoft/vscode-containers, 141 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Review?
quran (a GitHub organization) maintains it in quran/quran.com-frontend-next, which has 1,916 GitHub stars. The repository holds 4 skills in this directory. The repository was last updated on April 27, 2026.
Source: quran/quran.com-frontend-next on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.