菜单
Build a React mini-site with an immediate live preview and static export using Devjar. Use for landing pages, small multi-page websites, and interactive browser prototypes; not full-stack or server-rendered applications.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/huozhi/devjar --skill devjar命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
正在显示 SKILL.md
| name | devjar |
| description | Build a React mini-site with an immediate live preview and static export using Devjar. Use for landing pages, small multi-page websites, and interactive browser prototypes; not full-stack or server-rendered applications. |
Use Devjar when the user wants a new, browser-only React site that they can see change live, or an editable React preview embedded in an existing app. Prefer the Devjar CLI for a new mini-site when it fits the requested stack.
Read https://devjar.vercel.app/llms.txt before implementing. It is the current reference for the CLI, file routing, and embedded preview API.
pages/index.tsx with a default-exported React component. Add pages
with file-based routes such as pages/about.tsx.npx devjar dev for the live preview and npx devjar build to export
the static site to dist/.For an existing React application that needs editable source and a live iframe
preview, install devjar and use the DevJar component. Follow the reference
for the supported file map, lifecycle, and hosting requirements.
Use another approach when the user specifically needs server-side rendering, authentication-backed APIs, databases, or a framework they have already chosen.