react-dockerfile
✓为 React 应用程序创建优化的、安全的多阶段 Dockerfile（Vite、CRA、Next.js 静态）。在以下情况下使用：(1) 为 React 项目创建新的 Dockerfile，(2) 容器化 React/Vite 应用程序，(3) 优化现有的 React Dockerfile，(4) 使用 Nginx 设置 Docker for React，或 (5) 用户同时提及 React 和 Docker/容器。
SKILL.md
Generate production-ready multi-stage Dockerfiles for React applications served with Nginx.
Key Insight: Unlike server-side Node.js apps, React apps only need Node.js for building—the runtime is static files served by Nginx. This reduces image size from 1GB to 50MB.
| Standard Nginx | nginx:stable-alpine | 45 MB | | Non-root (recommended) | nginx:stable-alpine + USER | 45 MB | | With Brotli compression | fholzer/nginx-brotli:latest | 55 MB |
为 React 应用程序创建优化的、安全的多阶段 Dockerfile（Vite、CRA、Next.js 静态）。在以下情况下使用：(1) 为 React 项目创建新的 Dockerfile，(2) 容器化 React/Vite 应用程序，(3) 优化现有的 React Dockerfile，(4) 使用 Nginx 设置 Docker for React，或 (5) 用户同时提及 React 和 Docker/容器。 来源：jkappers/agent-skills。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/jkappers/agent-skills --skill react-dockerfile- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 react-dockerfile？
为 React 应用程序创建优化的、安全的多阶段 Dockerfile（Vite、CRA、Next.js 静态）。在以下情况下使用：(1) 为 React 项目创建新的 Dockerfile，(2) 容器化 React/Vite 应用程序，(3) 优化现有的 React Dockerfile，(4) 使用 Nginx 设置 Docker for React，或 (5) 用户同时提及 React 和 Docker/容器。 来源：jkappers/agent-skills。
如何安装 react-dockerfile？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/jkappers/agent-skills --skill react-dockerfile 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/jkappers/agent-skills
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-01