mirror of
https://github.com/facebook/react.git
synced 2026-02-21 19:31:52 +00:00
a0566250b2
## Overview Adds a claude setup that works with the nested /compiler setup. The constraints are: - when working in the root repo, don't use the compiler configs (easy) - when working in the compiler/ don't use the parent contigs (hard) The first one is easy: there's a claude.md and .claude directory in /compiler that is only loaded when you start a session from /compuler. The second one is hard, because if you start a session from /compiler, the parent claude files and skills are loaded. I was able to deny the permissions to the parent skills in settings.json, but the descriptions are still loaded into context and I don't think that's avoidable. To keep the parent claude file out of context, I created a hook hack: I moved all the non-compiler claude file context to instructions.md and added a SessionStart hook to cat the file into context if the cwd isn't the /compiler. Works well, but won't show it as part of the `/context` slash command. ## Skills I also added a number of skills specific to the React repo: | Skill | Description | |-------|-------------| | `/extract-errors` | `yarn extract-errors` | | `/feature-flags` | how feature flags work and `@gate` | | `/fix` | linc and prettier | | `/flags` | `yarn flags` | | `/flow` | `yarn flow <variant>` | | `/test` | `yarn test-*` | | `/verify` | `run all the lints/tests/flow to verify` | ### Example: Flow | before | after | |-----|-----| | <img width="1076" height="442" alt="flow-before" src="https://github.com/user-attachments/assets/73eec143-d0af-4771-b501-c9dc29cc09ac" /> | <img width="1076" height="273" alt="flow-after" src="https://github.com/user-attachments/assets/292d33af-1d98-4252-9c08-744b33e88b86" /> | ### Example: Tests | before | after | |-----|-----| | <img width="1048" height="607" alt="test-before" src="https://github.com/user-attachments/assets/aa558ccf-2cee-4d22-b1f1-e4221c5a59dd" /> | <img width="1075" height="359" alt="test-after" src="https://github.com/user-attachments/assets/eb795392-6f46-403f-b9bb-8851ed790165" /> |
45 lines
997 B
JSON
45 lines
997 B
JSON
{
|
|
"hooks": {
|
|
"SessionStart": [
|
|
{
|
|
"hooks": [
|
|
{
|
|
"type": "command",
|
|
"command": "if [[ \"$PWD\" != */compiler* ]]; then cat .claude/instructions.md 2>/dev/null || true; fi"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"permissions": {
|
|
"allow": [
|
|
"Skill(extract-errors)",
|
|
"Skill(feature-flags)",
|
|
"Skill(fix)",
|
|
"Skill(flags)",
|
|
"Skill(flow)",
|
|
"Skill(test)",
|
|
"Skill(verify)",
|
|
"Bash(yarn test:*)",
|
|
"Bash(yarn test-www:*)",
|
|
"Bash(yarn test-classic:*)",
|
|
"Bash(yarn test-stable:*)",
|
|
"Bash(yarn linc:*)",
|
|
"Bash(yarn lint:*)",
|
|
"Bash(yarn flow:*)",
|
|
"Bash(yarn prettier:*)",
|
|
"Bash(yarn build:*)",
|
|
"Bash(yarn extract-errors:*)",
|
|
"Bash(yarn flags:*)"
|
|
],
|
|
"deny": [
|
|
"Bash(yarn download-build:*)",
|
|
"Bash(yarn download-build-for-head:*)",
|
|
"Bash(npm:*)",
|
|
"Bash(pnpm:*)",
|
|
"Bash(bun:*)",
|
|
"Bash(npx:*)"
|
|
]
|
|
}
|
|
}
|