React architecture patterns, TypeScript, Next.js, hooks, and testing. Use when working with React component structure, state management, Next.js routing, Vit...
数据来源：ClawHub。 在 ClawSkills 查看
选择你使用的 Agent
方法一：命令行安装（推荐）
推荐（无需提前安装 clawhub）
npx clawhub@latest --dir ~/.claude/skills install compound-eng-react-frontend或使用 clawhub CLI（需提前安装）
clawhub --dir ~/.claude/skills install compound-eng-react-frontend⚠️ 需要 Node.js 18+，没有 Node？请使用下方方法二直接下载 ZIP。 安装 Node.js →
方法二：手动下载安装（无需 Node）
下载 ZIP，解压后将文件夹放到以下路径，重启 Agent 即可：
安装路径
~/.claude/skills/compound-eng-react-frontend/💡解压后将文件夹放到上方路径，重启 Agent 即可生效
react-frontend 是一款 Developer & DevOps 技能，为你的 AI 助手赋予强大的新能力。React architecture patterns, TypeScript, Next.js, hooks, and testing. Use when working with React component structure, state management, Next.js routing, Vit...
安装只需几秒，即可在 AI 工作流中立即使用。
react-frontend 通过模型上下文协议（MCP）直接与 Claude、Cursor、OpenClaw 集成，让你的 AI 智能体获得默认情况下没有的专业工具。
安装后，你可以在对话中自然地调用其功能——只需描述你想做的事，AI 助手就会使用 react-frontend 来完成。
安装 react-frontend 只需几秒。将技能文件夹放到对应目录：
# 个人级（所有项目可用）
~/.claude/skills/compound-eng-react-frontend/
# 项目级（仅当前项目）
.claude/skills/compound-eng-react-frontend/放置好技能文件夹后，重启你的 AI 客户端（Claude Code、Cursor、Gemini CLI、OpenClaw 等）。之后可以用 /compound-eng-react-frontend 主动调用，或让 AI 根据上下文自动发现并使用。
react-frontend 兼容 Claude、Cursor、OpenClaw。它遵循开放的 MCP（模型上下文协议）标准，无需任何修改即可在所有兼容 MCP 的 AI 客户端上运行。
安装 react-frontend 后，可以对 AI 说这些话来触发它
Help me get started with react-frontend
Explains what react-frontend does, walks through the setup, and runs a quick demo based on your current project
Use react-frontend to react architecture patterns, TypeScript, Next
Invokes react-frontend with the right parameters and returns the result directly in the conversation
What can I do with react-frontend in my developer & devops workflow?
Lists the top use cases for react-frontend, with example commands for each scenario
将技能文件夹放到 ~/.claude/skills/compound-eng-react-frontend/ 目录（个人级，所有项目可用），或 .claude/skills/compound-eng-react-frontend/（项目级）。重启 AI 客户端后，用 /compound-eng-react-frontend 主动调用，或让 AI 根据上下文自动发现并使用。
react-frontend 支持 Claude、Cursor、OpenClaw，可与这些 AI 平台无缝集成，扩展其能力。
react-frontend 可免费安装使用。请查阅仓库了解许可证信息。
React architecture patterns, TypeScript, Next.js, hooks, and testing. Use when working with React component structure, state management, Next.js routing, Vit...
react-frontend 属于「Developer & DevOps」分类，该分类的技能帮助 AI 智能体在此领域执行专业任务。
Automate my developer & devops tasks using react-frontend
Identifies repetitive steps in your workflow and sets up react-frontend to handle them automatically