メニュー
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コマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？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.