菜单
当用户要生成、补全、修改或评审 React 前端代码、组件、hooks、signals、样式或交互逻辑时触发。它按现有项目风格产出最小改动的 React 代码；不用于 React/Next/Vue、后端、运维或不涉及 React 的普通前端任务。常见触发语：React 组件、改 React 页面、补 hook、修 React 交互、review React 代码。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Create or overhaul repository READMEs as bilingual, evidence-led GitHub landing pages with project-specific positioning, quick starts, and verified visual proof. Use for requests like "rewrite the README," "make this look like a top GitHub project," "add a Chinese README," or "show the workflow in the README." Do not use for generic prose polishing, code review, implementation planning, or documentation pages unrelated to a repository README.
不自动触发, 由其他skill触发
当用户要生成、补全、修改或评审 Python 代码时触发。它按现有项目风格做最小必要改动；不用于前端、纯运维或需要大规模重构的任务。
当用户要生成、补全、修改或评审 Java 后端代码时触发。它按现有项目风格产出最小改动的 Java 代码；不用于前端、运维或与 Java 无关的任务。
当用户做Git 提交时触发，例如用户输入“commit”'english commit'“英文commit”。它处理当前工作区内允许访问的 Git 已知改动；不用于改代码、访问未跟踪文件或提交受限路径。
当用户要按功能做中文 Git 提交时触发，例如“中文 commit”。它处理当前工作区内允许访问的 Git 已知改动；不用于改代码、访问未跟踪文件或提交受限路径。
| name | front-React-code-style |
| description | 当用户要生成、补全、修改或评审 React 前端代码、组件、hooks、signals、样式或交互逻辑时触发。它按现有项目风格产出最小改动的 React 代码；不用于 React/Next/Vue、后端、运维或不涉及 React 的普通前端任务。常见触发语：React 组件、改 React 页面、补 hook、修 React 交互、review React 代码。 |
按下面规则生成 React 代码，并优先兼容用户当前项目已有风格；如果项目现有写法与本 skill 不冲突，保持一致。
React/hooks 引入；只有项目已经使用 signals 时，才从 @React/signals 或既有封装中继续沿用。React/compat 配置。useState；跨组件状态沿用项目已有 store、context 或 signals。useEffect 只处理副作用，补齐依赖数组，并在订阅、定时器、请求竞态等场景中做好清理或失效保护。useMemo。useCallback 只在能减少真实重复渲染、稳定依赖或满足子组件引用要求时使用。any。.gitignore 的前提下, 每次代码增删改，必须使用 git add .、git add -A自动添加生成后的代码文件