diagnosing-react-code
Runs the react-doctor scanner on a React package, fixes its error diagnostics, and re-runs until none remain.
Skill by bostonaholic
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/bostonaholic-diagnosing-react-code
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: frontend
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/diagnosing-react-code
What's inside
- Skill name
diagnosing-react-code- Description
- Runs the react-doctor scanner on a React package, fixes its error diagnostics, and re-runs until none remain. Use when React components or hooks changed, when finishing a React feature or bug fix, or when asked to health-check React code.
- License
- MIT
- Metadata
- version: 1.0.0
- Instructions
- 46 lines in SKILL.md · view on GitHub
Files (2)
- SKILL.md
- openai.yaml · agents/
SKILL.md (first lines)
# Diagnosing React code react-doctor scans a React package and prints a 0-100 score plus diagnostics for security, performance, correctness, and architecture. It needs Node `^20.19.0 || >=22.13.0`. ## Before the first run - The first run in a session downloads and executes a third-party package from npm. Ask the user before it, naming the pinned version. - By default the score comes from the react-doctor score API and the supply-chain scan queries Socket.dev; when the user wants nothing sent off the machine, add `--no-score --no-supply-chain` (the run then reports no score). ## Run Run inside the package whose `package.json` lists `react` in `dependencies` or `peerDependencies`; at a monorepo root the tool prompts for a project. ```bash npx -y react-doctor@0.9.17 --verbose --scope changed ``` - The pin keeps scores comparable across runs. Never fall back to `@latest`; upgrade only by changing the pin deliberately. If a flag is rejected, check `npx -y react-doctor@0.9.17 --help` and adjust. - `--verbose` lists every rule and file; the default shows only the top 3. - `--scope changed` reports only new findings in files changed against the auto-detected base ref (`--base <ref>` to set it). Use `--scope full` for a whole-package health check. It replaces the deprecated `--diff`. ## Fix loop 1. Record the baseline score and error and warning counts. 2. Fix error diagnostics, security and correctness first. Fix warnings only in code the current task changed. 3. Re-run the same command until it reports no errors and the score is at least the baseline. Stop after three fix rounds that leave errors, or when a fix would change behavior outside the task, and report what remains. Report the version and scope, the score from baseline to final (or "not computed: --no-score"), each fixed diagnostic, and each remaining one with why it was not fixed, as `<severity> <rule> <file>:<line>`.
From bostonaholic/skills, MIT.
More from bostonaholic/skills
- 0.603score
explaining-code
bostonaholic
Explains code or code changes in plain language, briefly by default or in full for a reviewer.
SkillAFreshness: A★ 2Claude Code +9 - 0.603score
auditing-agent-token-usage
bostonaholic
Audits recent Claude Code and Codex session logs for token and context cost: model routing, inherited subagent models, long sessions, compactions, oversized…
SkillAFreshness: A★ 2Claude Code +9 - 0.603score
freeing-disk-space
bostonaholic
Finds what fills a developer machine's disk and frees space by clearing caches, build outputs, and other regenerable files, running each deletion only after…
SkillAFreshness: A★ 2Claude Code +9 - 0.603score
grooming-backlogs
bostonaholic
Grooms a GitHub Projects backlog: verifies issues against the code, ranks and clusters them, and plans milestone, link, and closure changes, or promotes…
SkillAFreshness: A★ 2Claude Code +9 - 0.603score
auditing-complexity
bostonaholic
Ranks where code complexity concentrates in a git repository (cyclomatic complexity, nesting, fan-out, mutable state) and scores CRAP change risk from a…
SkillAFreshness: A★ 2Claude Code +9 - 0.603score
auditing-rails-tech-debt
bostonaholic
Audits a Rails app for tech debt, citing each finding to PoEAA, SOLID, or the Rails guides with file:line evidence and before/after code.
SkillAFreshness: A★ 2Claude Code +9 - 0.603score
auditing-repo-security
bostonaholic
Audits a third-party or freshly cloned repo before install or run for install hooks, auto-run files, CVEs, typosquats, and malicious code, graded A-F with a…
SkillAFreshness: A★ 2Claude Code +9 - 0.603score
auditing-tests
bostonaholic
Audits a test suite, or a named part, for low-value tests and marks each retain, fix, consolidate, or delete with verified removal evidence.
SkillAFreshness: A★ 2Claude Code +9 - 0.603score
capturing-screenshots
bostonaholic
Captures deterministic, visually verified screenshots of a running web or native app (named screens, states, viewports, dark mode) with a manifest.
SkillAFreshness: A★ 2Claude Code +9 - 0.603score
addressing-pr-comments
bostonaholic
Triages open PR feedback, verifying each review thread, review summary, and comment against the code, then carrying out each item's recommended option and…
SkillAFreshness: A★ 2Claude Code +9 - 0.603score
configuring-zsh
bostonaholic
Chooses the zsh startup file (.zshenv, .zprofile, .zshrc, .zlogin, or a custom plugin under ZSH_CUSTOM) for a configuration change and edits the dotfiles repo…
SkillAFreshness: A★ 2Claude Code +9 - 0.603score
attaching-pr-screenshots
bostonaholic
Uploads local images through GitHub's attachment pipeline and writes one verified Screenshots section into a PR body.
SkillAFreshness: A★ 2Claude Code +9
Signals
- Stars
- 2
- Forks
- 0
- Open issues
- 2
- Last commit (this folder)
- Oct 22, 2026 (7 days ago)
- Last release
- Oct 24, 2026 (5 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- Version
- 1.0.0
- License
- MIT
- Repository
- github.com/bostonaholic/skills
- Website
- skills.bostonaholic.dev
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from bostonaholic
- 0.603score
addressing-pr-comments
bostonaholic
Triages open PR feedback, verifying each review thread, review summary, and comment against the code, then carrying out each item's recommended option and…
SkillAFreshness: A★ 2Claude Code +9 - 0.603score
attaching-pr-screenshots
bostonaholic
Uploads local images through GitHub's attachment pipeline and writes one verified Screenshots section into a PR body.
SkillAFreshness: A★ 2Claude Code +9 - 0.603score
auditing-agent-token-usage
bostonaholic
Audits recent Claude Code and Codex session logs for token and context cost: model routing, inherited subagent models, long sessions, compactions, oversized…
SkillAFreshness: A★ 2Claude Code +9 - 0.603score
auditing-complexity
bostonaholic
Ranks where code complexity concentrates in a git repository (cyclomatic complexity, nesting, fan-out, mutable state) and scores CRAP change risk from a…
SkillAFreshness: A★ 2Claude Code +9 - 0.603score
auditing-rails-tech-debt
bostonaholic
Audits a Rails app for tech debt, citing each finding to PoEAA, SOLID, or the Rails guides with file:line evidence and before/after code.
SkillAFreshness: A★ 2Claude Code +9 - 0.603score
auditing-repo-security
bostonaholic
Audits a third-party or freshly cloned repo before install or run for install hooks, auto-run files, CVEs, typosquats, and malicious code, graded A-F with a…
SkillAFreshness: A★ 2Claude Code +9
Cite this page
diagnosing-react-code skill. Agent Mart. https://agentmart.dev/skills/bostonaholic-diagnosing-react-code (last updated 2026-10-24)