fix · react — Claude Code skill: what it does, how to install
The skill formats changed files and checks for remaining lint issues before a commit. Use it when code needs to pass CI checks.
npx skills add react/react --skill fix -a claude-codeWhat fix does
The fix skill formats changed files and checks the code for remaining lint problems. It first runs yarn prettier, then runs yarn linc, and reports fixes that still require manual work.
yarn prettier formats changed files only, so it does not target the whole project. linc errors will fail CI, which makes them worth fixing before you commit.
For Claude Code, installation places the skill at ~/.claude/skills/fix/SKILL.md. Other supported platforms use their own install command or skill path.
What it helps with
- format changed files before committing
- check code for remaining lint errors
- prepare changes for CI checks
- identify fixes that need manual work
- run project checks before a commit
Example prompts for the agent
- Run the `fix` skill on the current changes and report any manual fixes.
- Use `fix` before committing, then check the remaining `linc` errors.
- Run the `fix` skill and format only the changed files.
How to install fix
1Skills CLI (Vercel)
npx skills add react/react --skill fix -a claude-code2Manually: put the files in place
~/.claude/skills/fix/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/fix/
1Skills CLI (Vercel)
npx skills add react/react --skill fix -a codex2Manually: put the files in place
.agents/skills/fix/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add react/react --skill fix -a cursor2Manually: put the files in place
.cursor/skills/fix/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install react/react fix2Manually: put the files in place
.github/skills/fix/SKILL.md1Skills CLI (Vercel)
npx skills add react/react --skill fix -a gemini-cli2Platform CLI
gemini skills install https://github.com/react/react --path .claude/skills/fixManually: put the files in place
.devin/skills/fix/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add react/react --skill fix -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
From the same set4
The whole set →Other versions of fix
Similar
Questions about fix
How do I install fix in Claude Code?
Run npx skills add react/react --skill fix -a claude-code, then run npx skills add react/react --skill fix -a claude-code again. The skill file is at ~/.claude/skills/fix/SKILL.md.
What does fix do?
The skill runs yarn prettier to format changed files, then runs yarn linc to check for remaining lint errors. It reports fixes that still need to be made manually.
Why should linc errors be fixed before committing?
linc errors will fail CI, so they need to be fixed before the commit.
Source text
SKILL.md · MIT
--- name: fix description: Use when you have lint errors, formatting issues, or before committing code to ensure it passes CI. --- # Fix Lint and Formatting ## Instructions 1. Run `yarn prettier` to fix formatting 2. Run `yarn linc` to check for remaining lint issues 3. Report any remaining manual fixes needed ## Common Mistakes - **Running prettier on wrong files** - `yarn prettier` only formats changed files - **Ignoring linc errors** - These will fail CI, fix them before committing
© react · MIT · react/react