lism-cli 0.3.0 → 0.4.0

package/README.md

@@ -9,7 +9,7 @@
 ## コマンド体系
 
 ```
-lism create [targetDir] [--template <name>]   # examples から新規プロジェクト
+lism create [targetDir] [--template <name>]   # templates から新規プロジェクト
 lism ui    { init | add <names...> | list }   # Lism UI コンポーネントの追加
 lism skill { add | check | update }           # AI エージェント向け SKILL.md 配置
 ```
@@ -23,7 +23,7 @@ lism skill { add | check | update }           # AI エージェント向け SKIL
 pnpm dlx lism-cli create
 
 # テンプレート名・出力先を指定
-pnpm dlx lism-cli create --template astro-minimal ./my-app
+pnpm dlx lism-cli create --template minimal-astro ./my-app
 ```
 
 同じ動作は `pnpm create lism` / `npm create lism@latest` でも呼び出せます（`create-lism` パッケージ経由）。

package/dist/{chunk-5ULZ7QME.js → chunk-ZSHT6RXM.js}

@@ -13,16 +13,16 @@ var messages = {
   },
   // create
   "cli.create.description": {
-    ja: "examples \u30C6\u30F3\u30D7\u30EC\u30FC\u30C8\u304B\u3089\u65B0\u898F\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8\u3092\u751F\u6210\u3059\u308B",
-    en: "Create a new project from an examples template"
+    ja: "templates \u304B\u3089\u65B0\u898F\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8\u3092\u751F\u6210\u3059\u308B",
+    en: "Create a new project from a template"
   },
   "cli.create.arg.targetDir": {
     ja: "\u51FA\u529B\u5148\u30C7\u30A3\u30EC\u30AF\u30C8\u30EA",
     en: "Target directory"
   },
   "cli.create.opt.template": {
-    ja: "\u4F7F\u7528\u3059\u308B\u30C6\u30F3\u30D7\u30EC\u30FC\u30C8\u540D\uFF08\u4F8B: astro-minimal\uFF09",
-    en: "Template name to use (e.g. astro-minimal)"
+    ja: "\u4F7F\u7528\u3059\u308B\u30C6\u30F3\u30D7\u30EC\u30FC\u30C8\u540D\uFF08\u4F8B: minimal-astro\uFF09",
+    en: "Template name to use (e.g. minimal-astro)"
   },
   "cli.create.opt.force": {
     ja: "\u65E2\u5B58\u30C7\u30A3\u30EC\u30AF\u30C8\u30EA\u3092\u5F37\u5236\u4E0A\u66F8\u304D",
@@ -121,9 +121,33 @@ var messages = {
     ja: '\u30C6\u30F3\u30D7\u30EC\u30FC\u30C8 "{name}" \u306F\u898B\u3064\u304B\u308A\u307E\u305B\u3093\u3002\u5229\u7528\u53EF\u80FD: {list}',
     en: 'Template "{name}" not found. Available: {list}'
   },
-  "create.promptSelectTemplate": {
-    ja: "\u30C6\u30F3\u30D7\u30EC\u30FC\u30C8\u3092\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044:",
-    en: "Select a template:"
+  "create.promptSelectCategory": {
+    ja: "\u30AB\u30C6\u30B4\u30EA\u3092\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044:",
+    en: "Select a category:"
+  },
+  "create.promptSelectVariant": {
+    ja: "\u30D0\u30EA\u30A2\u30F3\u30C8\u3092\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044\uFF08{count}\u4EF6\uFF09:",
+    en: "Select a variant ({count} options):"
+  },
+  "create.promptSelectVariant.blog": {
+    ja: "\u6A5F\u80FD\u30EC\u30D9\u30EB\u3092\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044\uFF08{count}\u4EF6\uFF09:",
+    en: "Select a feature level ({count} options):"
+  },
+  "create.promptSelectVariant.lp": {
+    ja: "\u696D\u7A2E\u3092\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044\uFF08{count}\u4EF6\uFF09:",
+    en: "Select an industry ({count} options):"
+  },
+  "create.promptSelectVariant.web": {
+    ja: "\u696D\u7A2E\u3092\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044\uFF08{count}\u4EF6\uFF09:",
+    en: "Select an industry ({count} options):"
+  },
+  "create.promptSelectStack": {
+    ja: "\u30B9\u30BF\u30C3\u30AF\u3092\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044\uFF08{count}\u4EF6\uFF09:",
+    en: "Select a stack ({count} options):"
+  },
+  "create.usingStack": {
+    ja: "\u30B9\u30BF\u30C3\u30AF\u306F{stack}\u3092\u4F7F\u7528\u3057\u307E\u3059\uFF08{count}\u4EF6\uFF09\u3002",
+    en: "Using {stack} stack ({count} option)."
   },
   "create.promptTargetDir": {
     ja: "\u51FA\u529B\u5148\u30C7\u30A3\u30EC\u30AF\u30C8\u30EA:",
@@ -141,6 +165,18 @@ var messages = {
     ja: '\u30C6\u30F3\u30D7\u30EC\u30FC\u30C8 "{name}" \u3092\u53D6\u5F97\u4E2D\uFF08ref: {ref}\uFF09...',
     en: 'Fetching template "{name}" (ref: {ref})...'
   },
+  "create.templatePackageMissing": {
+    ja: '\u30C6\u30F3\u30D7\u30EC\u30FC\u30C8"{name}"\u306E\u53D6\u5F97\u7D50\u679C\u306Bpackage.json\u304C\u3042\u308A\u307E\u305B\u3093\u3002\u53D6\u5F97\u5143\u30D1\u30B9\u3092\u78BA\u8A8D\u3057\u3066\u304F\u3060\u3055\u3044: {path}',
+    en: 'Downloaded template "{name}" does not contain package.json. Check the source path: {path}'
+  },
+  "create.templateIndexMissing": {
+    ja: '\u30C6\u30F3\u30D7\u30EC\u30FC\u30C8"{name}"\u306E\u53D6\u5F97\u7D50\u679C\u306Bindex.html\u304C\u3042\u308A\u307E\u305B\u3093\u3002\u53D6\u5F97\u5143\u30D1\u30B9\u3092\u78BA\u8A8D\u3057\u3066\u304F\u3060\u3055\u3044: {path}',
+    en: 'Downloaded template "{name}" does not contain index.html. Check the source path: {path}'
+  },
+  "create.variantMissing": {
+    ja: 'variant "{variant}" \u306E\u30C7\u30A3\u30EC\u30AF\u30C8\u30EA\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093\u3002\u53D6\u5F97\u5143\u30D1\u30B9\u3092\u78BA\u8A8D\u3057\u3066\u304F\u3060\u3055\u3044: {path}',
+    en: 'Variant "{variant}" directory not found. Check the source path: {path}'
+  },
   "create.created": {
     ja: "{dir} \u306B\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8\u3092\u751F\u6210\u3057\u307E\u3057\u305F\u3002",
     en: "Generated project at {dir}."
@@ -149,6 +185,18 @@ var messages = {
     ja: "\u6B21\u306E\u30B3\u30DE\u30F3\u30C9\u3067\u958B\u767A\u3092\u958B\u59CB\u3067\u304D\u307E\u3059:",
     en: "Next steps:"
   },
+  "create.nextStepsHtmlOpen": {
+    ja: "  index.html\u3092\u30D6\u30E9\u30A6\u30B6\u3067\u958B\u3044\u3066\u304F\u3060\u3055\u3044",
+    en: "  Open index.html in your browser"
+  },
+  "create.packageNameRewritten": {
+    ja: '  package.json\u306Ename\u3092"{name}"\u306B\u5909\u66F4\u3057\u307E\u3057\u305F\u3002',
+    en: '  Updated package.json name to "{name}".'
+  },
+  "create.packageNameFailed": {
+    ja: "package.json\u306Ename\u66F8\u304D\u63DB\u3048\u306B\u5931\u6557\u3057\u307E\u3057\u305F: {reason}",
+    en: "Failed to rewrite package.json name: {reason}"
+  },
   "create.workspaceReplaced": {
     ja: "  package.json \u306E workspace:* \u3092 ^{version} \u306B\u7F6E\u63DB\u3057\u307E\u3057\u305F\u3002",
     en: "  Replaced workspace:* in package.json with ^{version}."
@@ -342,8 +390,8 @@ var messages = {
   },
   // skill check
   "skill.check.noneInstalled": {
-    ja: "\u30A4\u30F3\u30B9\u30C8\u30FC\u30EB\u6E08\u307F\u306E\u30B9\u30AD\u30EB\u306F\u898B\u3064\u304B\u308A\u307E\u305B\u3093\u3067\u3057\u305F\u3002`lism skill add` \u3067\u914D\u7F6E\u3067\u304D\u307E\u3059\u3002",
-    en: "No installed skills found. Run `lism skill add` to deploy them."
+    ja: "\u30A4\u30F3\u30B9\u30C8\u30FC\u30EB\u6E08\u307F\u306E\u30B9\u30AD\u30EB\u306F\u898B\u3064\u304B\u308A\u307E\u305B\u3093\u3067\u3057\u305F\u3002`{invoke} skill add` \u3067\u914D\u7F6E\u3067\u304D\u307E\u3059\u3002",
+    en: "No installed skills found. Run `{invoke} skill add` to deploy them."
   },
   "skill.check.fetching": {
     ja: "\u30EA\u30E2\u30FC\u30C8\u30B9\u30AD\u30EB\u3092\u53D6\u5F97\u4E2D\uFF08ref: {ref}\uFF09...",
@@ -358,8 +406,8 @@ var messages = {
     en: "All skills are up to date."
   },
   "skill.check.outdated": {
-    ja: "{count} \u4EF6\u306E\u30C4\u30FC\u30EB\u306B\u5DEE\u5206\u304C\u3042\u308A\u307E\u3059\u3002`lism skill update` \u3067\u6700\u65B0\u306B\u66F4\u65B0\u3067\u304D\u307E\u3059\u3002",
-    en: "{count} tools have changes. Run `lism skill update` to update them."
+    ja: "{count} \u4EF6\u306E\u30C4\u30FC\u30EB\u306B\u5DEE\u5206\u304C\u3042\u308A\u307E\u3059\u3002`{invoke} skill update` \u3067\u6700\u65B0\u306B\u66F4\u65B0\u3067\u304D\u307E\u3059\u3002",
+    en: "{count} tools have changes. Run `{invoke} skill update` to update them."
   },
   "skill.check.diffModified": {
     ja: "\u5909\u66F4 {count}",
@@ -377,8 +425,8 @@ var messages = {
   // config
   // ---------------------------------------------------------------------------
   "config.legacyWarning": {
-    ja: '[deprecated] {filename} \u306F\u5EC3\u6B62\u4E88\u5B9A\u3067\u3059\u3002"lism ui init" \u3067 lism.config.js \u3078\u79FB\u884C\u3057\u3066\u304F\u3060\u3055\u3044\u3002',
-    en: '[deprecated] {filename} is deprecated. Run "lism ui init" to migrate to lism.config.js.'
+    ja: '[deprecated] {filename} \u306F\u5EC3\u6B62\u4E88\u5B9A\u3067\u3059\u3002"{invoke} ui init" \u3067 lism.config.js \u3078\u79FB\u884C\u3057\u3066\u304F\u3060\u3055\u3044\u3002',
+    en: '[deprecated] {filename} is deprecated. Run "{invoke} ui init" to migrate to lism.config.js.'
   },
   "config.notFound": {
     ja: "lism.config.js / lism.config.mjs / lism-ui.json \u306E\u3044\u305A\u308C\u3082\u898B\u3064\u304B\u308A\u307E\u305B\u3093\u3002",
@@ -469,6 +517,7 @@ function interpolate(template, vars) {
 
 // src/commands/create.ts
 import fs from "fs";
+import os from "os";
 import path from "path";
 import { downloadTemplate } from "giget";
 import { select, input, confirm } from "@inquirer/prompts";
@@ -490,12 +539,16 @@ var logger = {
   },
   log(msg) {
     console.log(msg);
+  },
+  heading(msg) {
+    console.log(pc.bold(pc.cyan(`
+\u25B8 ${msg}`)));
   }
 };
 
 // src/version.ts
-var LISM_CSS_VERSION = "0.14.0" ? "0.14.0" : "unknown";
-var CLI_VERSION = "0.3.0" ? "0.3.0" : "unknown";
+var LISM_CSS_VERSION = "0.18.0" ? "0.18.0" : "unknown";
+var CLI_VERSION = "0.4.0" ? "0.4.0" : "unknown";
 
 // src/constants.ts
 var SOURCE_REPO = "lism-css/lism-css";
@@ -507,19 +560,126 @@ var UI_COMPONENTS_PATH = "packages/lism-ui/src/components";
 var UI_HELPER_PATH = "packages/lism-ui/src/helper";
 var UI_REGISTRY_INDEX_PATH = "packages/lism-ui/registry-index.json";
 var SKILL_SOURCE_PATH = "skills/lism-css-guide";
-var EXAMPLES_PATH = "examples";
+var TEMPLATES_PATH = "templates";
 
-// src/commands/create.ts
+// ../../templates/manifest.ts
 var TEMPLATES = [
   {
-    name: "astro-minimal",
-    label: { ja: "Astro (\u6700\u5C0F\u69CB\u6210)", en: "Astro (minimal)" },
+    slug: "minimal-astro",
+    kind: "project",
+    category: "minimal",
+    stack: "astro",
+    sourcePath: "minimal/astro",
+    title: { ja: "Minimal Astro", en: "Minimal Astro" },
     description: { ja: "Astro \u30D9\u30FC\u30B9\u306E\u6700\u5C0F\u69CB\u6210", en: "Minimal Astro setup" }
+  },
+  {
+    slug: "minimal-vite",
+    kind: "project",
+    category: "minimal",
+    stack: "vite",
+    sourcePath: "minimal/vite",
+    title: { ja: "Minimal Vite", en: "Minimal Vite" },
+    description: { ja: "Vite + React \u30D9\u30FC\u30B9\u306E\u6700\u5C0F\u69CB\u6210", en: "Minimal Vite + React setup" },
+    previewUrl: "https://lism-minimal-vite.pages.dev/"
+  },
+  {
+    slug: "blog-astro-simple",
+    kind: "project",
+    category: "blog",
+    variant: "simple",
+    variantLabel: { ja: "Simple", en: "Simple" },
+    stack: "astro",
+    sourcePath: "blog/astro/simple",
+    title: { ja: "Blog Astro Simple", en: "Blog Astro Simple" },
+    description: { ja: "\u30BF\u30B0\u306E\u307F\u306E\u30B7\u30F3\u30D7\u30EB\u306A Astro \u30D6\u30ED\u30B0", en: "Simple Astro blog with tags" },
+    draft: true
+  },
+  {
+    slug: "blog-astro-full",
+    kind: "project",
+    category: "blog",
+    variant: "full",
+    variantLabel: { ja: "Full", en: "Full" },
+    stack: "astro",
+    sourcePath: "blog/astro/full",
+    title: { ja: "Blog Astro Full", en: "Blog Astro Full" },
+    description: { ja: "\u30AB\u30C6\u30B4\u30EA\u30FB\u76EE\u6B21\u3064\u304D\u306E Astro \u30D6\u30ED\u30B0", en: "Astro blog with categories and table of contents" },
+    draft: true
+  },
+  {
+    slug: "lp-astro-minimal",
+    kind: "single-project-variant",
+    category: "lp",
+    stack: "astro",
+    variant: "minimal",
+    variantLabel: { ja: "Minimal", en: "Minimal" },
+    sourcePath: "lp/astro",
+    title: { ja: "LP Minimal", en: "LP Minimal" },
+    description: { ja: "\u30DF\u30CB\u30DE\u30EB\u306A Astro \u30E9\u30F3\u30C7\u30A3\u30F3\u30B0\u30DA\u30FC\u30B8", en: "Minimal Astro landing page" },
+    draft: true
+  },
+  {
+    slug: "lp-astro-natural",
+    kind: "single-project-variant",
+    category: "lp",
+    stack: "astro",
+    variant: "natural",
+    variantLabel: { ja: "Natural", en: "Natural" },
+    sourcePath: "lp/astro",
+    title: { ja: "LP Natural", en: "LP Natural" },
+    description: { ja: "\u30CA\u30C1\u30E5\u30E9\u30EB\u306A\u96F0\u56F2\u6C17\u306E Astro \u30E9\u30F3\u30C7\u30A3\u30F3\u30B0\u30DA\u30FC\u30B8", en: "Natural-themed Astro landing page" },
+    draft: true
+  },
+  {
+    slug: "lp-astro-ryokan",
+    kind: "single-project-variant",
+    category: "lp",
+    stack: "astro",
+    variant: "ryokan",
+    variantLabel: { ja: "Ryokan", en: "Ryokan" },
+    sourcePath: "lp/astro",
+    title: { ja: "LP Ryokan", en: "LP Ryokan" },
+    description: { ja: "\u65C5\u9928\u30FB\u5BBF\u6CCA\u696D\u5411\u3051\u306E Astro \u30E9\u30F3\u30C7\u30A3\u30F3\u30B0\u30DA\u30FC\u30B8", en: "Astro landing page for ryokan / lodging" },
+    draft: true
+  }
+];
+
+// src/commands/create.ts
+var STACK_LABELS = {
+  astro: { ja: "Astro", en: "Astro" },
+  next: { ja: "Next.js", en: "Next.js" },
+  vite: { ja: "Vite + React", en: "Vite + React" },
+  html: { ja: "Static HTML", en: "Static HTML" }
+};
+var CATEGORIES = [
+  {
+    id: "minimal",
+    label: { ja: "Minimal", en: "Minimal" }
+  },
+  {
+    id: "blog",
+    label: { ja: "Blog", en: "Blog" },
+    variantPromptKey: "create.promptSelectVariant.blog"
+  },
+  {
+    id: "lp",
+    label: { ja: "Landing Page", en: "Landing Page" },
+    variantPromptKey: "create.promptSelectVariant.lp"
+  },
+  {
+    id: "web",
+    label: { ja: "Web", en: "Web" },
+    variantPromptKey: "create.promptSelectVariant.web"
   }
 ];
 async function runCreate({ template, targetDir, force = false }) {
-  const tpl = await resolveTemplate(template);
-  const outDir = path.resolve(process.cwd(), await resolveTargetDir(targetDir, tpl.name));
+  await runCreateWithTemplates({ template, targetDir, force }, TEMPLATES);
+}
+async function runCreateWithTemplates({ template, targetDir, force = false }, templates) {
+  const availableTemplates = templates.filter((tpl2) => !tpl2.draft);
+  const tpl = await resolveTemplate(template, availableTemplates);
+  const outDir = path.resolve(process.cwd(), await resolveTargetDir(targetDir, tpl.slug));
   if (fs.existsSync(outDir) && fs.readdirSync(outDir).length > 0 && !force) {
     const ok = await confirm({
       message: t("create.confirmOverwrite", { dir: outDir }),
@@ -531,37 +691,68 @@ async function runCreate({ template, targetDir, force = false }) {
     }
   }
   const ref = DEFAULT_TEMPLATES_REF;
-  logger.info(t("create.fetching", { name: tpl.name, ref }));
-  await downloadTemplate(`github:${SOURCE_REPO}/${EXAMPLES_PATH}/${tpl.name}#${ref}`, {
-    dir: outDir,
-    force: true,
-    forceClean: force
-  });
-  rewriteWorkspaceDeps(outDir);
+  logger.info(t("create.fetching", { name: tpl.slug, ref }));
+  await downloadTemplateSource(tpl, outDir, ref, force);
+  ensureTemplateDownloaded(outDir, tpl);
+  postProcessTemplate(outDir, tpl);
   logger.success(t("create.created", { dir: outDir }));
-  logger.log("");
-  logger.log(t("create.nextSteps"));
-  const rel = path.relative(process.cwd(), outDir) || ".";
-  logger.log(`  cd ${rel}`);
-  logger.log("  npm install   # or pnpm install / yarn");
-  logger.log("  npm run dev");
+  printNextSteps(outDir, tpl);
 }
 async function createCommand(targetDir, options) {
   await runCreate({ template: options.template, targetDir, force: options.force });
 }
-async function resolveTemplate(requested) {
+async function resolveTemplate(requested, templates) {
   if (requested) {
-    const found = TEMPLATES.find((t2) => t2.name === requested);
+    const found = templates.find((t2) => t2.slug === requested);
     if (!found) {
-      throw new Error(t("create.templateNotFound", { name: requested, list: TEMPLATES.map((x) => x.name).join(", ") }));
+      throw new Error(t("create.templateNotFound", { name: requested, list: templates.map((x) => x.slug).join(", ") }));
     }
     return found;
   }
-  const picked = await select({
-    message: t("create.promptSelectTemplate"),
-    choices: TEMPLATES.map((tpl) => ({ name: `${tOf(tpl.label)} \u2014 ${tOf(tpl.description)}`, value: tpl.name }))
+  const category = await select({
+    message: t("create.promptSelectCategory"),
+    choices: CATEGORIES.filter((category2) => templates.some((tpl) => tpl.category === category2.id)).map((category2) => ({
+      name: tOf(category2.label),
+      value: category2.id
+    }))
+  });
+  const categoryTemplates = templates.filter((tpl) => tpl.category === category);
+  const stack = await resolveStack(categoryTemplates);
+  const stackTemplates = categoryTemplates.filter((tpl) => tpl.stack === stack);
+  const variant = await resolveVariant(category, stackTemplates);
+  const variantTemplates = variant === void 0 ? stackTemplates : stackTemplates.filter((tpl) => tpl.variant === variant);
+  return variantTemplates[0];
+}
+async function resolveVariant(category, templates) {
+  const variants = uniqueDefined(templates.map((tpl) => tpl.variant));
+  if (variants.length <= 1) return variants[0];
+  const categoryDef = CATEGORIES.find((item) => item.id === category);
+  const messageKey = categoryDef?.variantPromptKey ?? "create.promptSelectVariant";
+  return select({
+    message: t(messageKey, { count: variants.length }),
+    choices: variants.map((variant) => {
+      const tpl = templates.find((item) => item.variant === variant);
+      return {
+        name: `${tOf(tpl.variantLabel ?? { ja: variant ?? "", en: variant ?? "" })} \u2014 ${tOf(tpl.description)}`,
+        value: variant
+      };
+    })
+  });
+}
+async function resolveStack(templates) {
+  const stacks = uniqueDefined(templates.map((tpl) => tpl.stack));
+  if (stacks.length === 1) {
+    const stack = stacks[0];
+    logger.info(t("create.usingStack", { stack: tOf(STACK_LABELS[stack]), count: stacks.length }));
+    return stack;
+  }
+  return select({
+    message: t("create.promptSelectStack", { count: stacks.length }),
+    choices: stacks.map((stack) => ({
+      name: tOf(STACK_LABELS[stack]),
+      value: stack
+    }))
   });
-  return TEMPLATES.find((x) => x.name === picked);
 }
 async function resolveTargetDir(provided, templateName) {
   if (provided) return provided;
@@ -570,6 +761,139 @@ async function resolveTargetDir(provided, templateName) {
     default: `./${templateName}`
   });
 }
+function ensureTemplateDownloaded(projectDir, tpl) {
+  if (tpl.kind === "static-html") {
+    const indexPath = path.join(projectDir, "index.html");
+    if (fs.existsSync(indexPath)) return;
+    throw new Error(t("create.templateIndexMissing", { name: tpl.slug, path: getTemplateSourcePath(tpl) }));
+  }
+  const pkgPath = path.join(projectDir, "package.json");
+  if (fs.existsSync(pkgPath)) return;
+  throw new Error(t("create.templatePackageMissing", { name: tpl.slug, path: getTemplateSourcePath(tpl) }));
+}
+async function downloadTemplateSource(tpl, outDir, ref, forceClean) {
+  if (tpl.kind === "base-overlay") {
+    await downloadTemplatePath(tpl.basePath, outDir, ref, forceClean);
+    const overlayDir = fs.mkdtempSync(path.join(os.tmpdir(), "lism-template-overlay-"));
+    try {
+      await downloadTemplatePath(tpl.overlayPath, overlayDir, ref, true);
+      mergeDirectory(overlayDir, outDir);
+    } finally {
+      fs.rmSync(overlayDir, { recursive: true, force: true });
+    }
+    return;
+  }
+  await downloadTemplatePath(tpl.sourcePath, outDir, ref, forceClean);
+}
+async function downloadTemplatePath(sourcePath, outDir, ref, forceClean) {
+  await downloadTemplate(`github:${SOURCE_REPO}/${TEMPLATES_PATH}/${sourcePath}#${ref}`, {
+    dir: outDir,
+    force: true,
+    forceClean
+  });
+}
+function postProcessTemplate(projectDir, tpl) {
+  if (tpl.kind === "static-html") return;
+  if (tpl.kind === "base-overlay" && tpl.rewritePackageName !== false) {
+    rewritePackageName(projectDir, tpl.slug);
+  }
+  if (tpl.kind === "single-project-variant") {
+    extractVariantPages(projectDir, tpl);
+    rewritePackageName(projectDir, tpl.packageName ?? tpl.slug);
+  }
+  cleanupDevArtifacts(projectDir);
+  rewriteWorkspaceDeps(projectDir);
+}
+function cleanupDevArtifacts(projectDir) {
+  const screenshotsDir = path.join(projectDir, "screenshots");
+  if (fs.existsSync(screenshotsDir)) {
+    fs.rmSync(screenshotsDir, { recursive: true, force: true });
+  }
+  const screenshotsConfig = path.join(projectDir, "screenshots.config.json");
+  if (fs.existsSync(screenshotsConfig)) {
+    fs.rmSync(screenshotsConfig, { force: true });
+  }
+}
+function extractVariantPages(projectDir, tpl) {
+  const pagesDir = path.join(projectDir, "src", "pages");
+  const variantDir = path.join(pagesDir, tpl.variant);
+  const variantIndex = path.join(variantDir, "index.astro");
+  const targetIndex = path.join(pagesDir, "index.astro");
+  if (!fs.existsSync(variantIndex)) {
+    throw new Error(
+      t("create.variantMissing", {
+        variant: tpl.variant,
+        path: `${formatTemplatePath(tpl.sourcePath)}/src/pages/${tpl.variant}/index.astro`
+      })
+    );
+  }
+  if (fs.existsSync(targetIndex)) {
+    fs.rmSync(targetIndex, { force: true });
+  }
+  fs.renameSync(variantIndex, targetIndex);
+  for (const entry of fs.readdirSync(pagesDir, { withFileTypes: true })) {
+    if (!entry.isDirectory()) continue;
+    fs.rmSync(path.join(pagesDir, entry.name), { recursive: true, force: true });
+  }
+}
+function printNextSteps(projectDir, tpl) {
+  logger.heading(t("create.nextSteps"));
+  const rel = path.relative(process.cwd(), projectDir) || ".";
+  logger.log(`  cd ${rel}`);
+  if (tpl.kind === "static-html") {
+    logger.log(t("create.nextStepsHtmlOpen"));
+    logger.log("");
+    return;
+  }
+  logger.log("  npm install   # or pnpm install / yarn");
+  logger.log("  npm run dev");
+  logger.log("");
+}
+function getTemplateSourcePath(tpl) {
+  if (tpl.kind === "base-overlay") return `${formatTemplatePath(tpl.basePath)} + ${formatTemplatePath(tpl.overlayPath)}`;
+  return formatTemplatePath(tpl.sourcePath);
+}
+function formatTemplatePath(sourcePath) {
+  return `${TEMPLATES_PATH}/${sourcePath}`;
+}
+function uniqueDefined(values) {
+  return [...new Set(values.filter((value) => value !== void 0))];
+}
+function mergeDirectory(fromDir, toDir) {
+  fs.mkdirSync(toDir, { recursive: true });
+  for (const entry of fs.readdirSync(fromDir, { withFileTypes: true })) {
+    const fromPath = path.join(fromDir, entry.name);
+    const toPath = path.join(toDir, entry.name);
+    if (entry.isDirectory()) {
+      if (fs.existsSync(toPath) && !fs.statSync(toPath).isDirectory()) {
+        fs.rmSync(toPath, { recursive: true, force: true });
+      }
+      mergeDirectory(fromPath, toPath);
+      continue;
+    }
+    if (fs.existsSync(toPath)) {
+      fs.rmSync(toPath, { recursive: true, force: true });
+    }
+    if (entry.isSymbolicLink()) {
+      fs.symlinkSync(fs.readlinkSync(fromPath), toPath);
+    } else {
+      fs.copyFileSync(fromPath, toPath);
+    }
+  }
+}
+function rewritePackageName(projectDir, name) {
+  const pkgPath = path.join(projectDir, "package.json");
+  if (!fs.existsSync(pkgPath)) return;
+  try {
+    const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"));
+    if (pkg.name === name) return;
+    pkg.name = name;
+    fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + "\n");
+    logger.log(t("create.packageNameRewritten", { name }));
+  } catch (err) {
+    logger.warn(t("create.packageNameFailed", { reason: String(err) }));
+  }
+}
 function rewriteWorkspaceDeps(projectDir) {
   const pkgPath = path.join(projectDir, "package.json");
   if (!fs.existsSync(pkgPath)) return;

package/dist/index.js

@@ -13,7 +13,7 @@ import {
   preScanLang,
   setLang,
   t
-} from "./chunk-5ULZ7QME.js";
+} from "./chunk-ZSHT6RXM.js";
 
 // src/createProgram.ts
 import { Command as Command3 } from "commander";
@@ -30,6 +30,45 @@ import { confirm, select as select2 } from "@inquirer/prompts";
 import fs from "fs";
 import path from "path";
 import { createJiti } from "jiti";
+
+// src/invokeCommand.ts
+function getInvokeCommand() {
+  const scriptPath = process.argv[1] ?? "";
+  const userAgent = process.env.npm_config_user_agent ?? "";
+  const normalizedScriptPath = normalizePath(scriptPath);
+  const inDlxCache = /\/_npx\//.test(normalizedScriptPath) || /\/pnpm(?:-cache)?\/(?:[^/]+\/)*dlx-[^/]+\//.test(normalizedScriptPath) || /\/\.yarn\/berry\/cache\//.test(normalizedScriptPath) || /\/\.bun\/install\/cache\//.test(normalizedScriptPath);
+  const inLocalDependency = isInProjectNodeModules(normalizedScriptPath) && (/\/node_modules\/\.bin\/lism(?:\.(?:cmd|ps1))?$/.test(normalizedScriptPath) || /\/node_modules\/lism-cli\/bin\/lism\.mjs$/.test(normalizedScriptPath));
+  if (inDlxCache) return getDlxInvokeCommand(userAgent);
+  if (inLocalDependency) return getLocalInvokeCommand(userAgent);
+  return "lism";
+}
+function getDlxInvokeCommand(userAgent) {
+  if (userAgent.startsWith("pnpm/")) return "pnpm dlx lism-cli";
+  if (userAgent.startsWith("yarn/")) return "yarn dlx lism-cli";
+  if (userAgent.startsWith("bun/")) return "bunx lism-cli";
+  return "npx lism-cli";
+}
+function getLocalInvokeCommand(userAgent) {
+  if (userAgent.startsWith("pnpm/")) return "pnpm exec lism";
+  if (userAgent.startsWith("yarn/")) return "yarn lism";
+  if (userAgent.startsWith("bun/")) return "bun run lism";
+  return "npx lism-cli";
+}
+function isInProjectNodeModules(scriptPath) {
+  let dir = normalizePath(process.cwd());
+  while (dir) {
+    if (scriptPath.startsWith(`${dir}/node_modules/`)) return true;
+    const parent = dir.slice(0, dir.lastIndexOf("/"));
+    if (parent === dir) break;
+    dir = parent;
+  }
+  return false;
+}
+function normalizePath(value) {
+  return value.replaceAll("\\", "/").replace(/\/+$/, "");
+}
+
+// src/config.ts
 var LEGACY_CONFIG_FILE = "lism-ui.json";
 var CONFIG_SEARCH = ["lism.config.js", "lism.config.mjs"];
 function resolvePath(filename) {
@@ -57,7 +96,7 @@ async function readConfig() {
     throw new Error(t("config.notFound"));
   }
   if (found.kind === "legacy-json") {
-    logger.warn(t("config.legacyWarning", { filename: LEGACY_CONFIG_FILE }));
+    logger.warn(t("config.legacyWarning", { filename: LEGACY_CONFIG_FILE, invoke: getInvokeCommand() }));
     const raw = fs.readFileSync(found.path, "utf-8");
     const parsed = JSON.parse(raw);
     return parsed;
@@ -798,7 +837,7 @@ async function skillCheckCommand(options = {}) {
   const cwd = process.cwd();
   const installed = ALL_SKILL_TOOLS.filter((tool) => fs6.existsSync(path7.join(cwd, SKILL_PATHS[tool], "SKILL.md")));
   if (installed.length === 0) {
-    logger.info(t("skill.check.noneInstalled"));
+    logger.info(t("skill.check.noneInstalled", { invoke: getInvokeCommand() }));
     return;
   }
   const ref = options.ref ?? DEFAULT_SKILL_REF;
@@ -823,7 +862,7 @@ async function skillCheckCommand(options = {}) {
     if (outdatedCount === 0) {
       logger.success(t("skill.check.allLatest"));
     } else {
-      logger.info(t("skill.check.outdated", { count: outdatedCount }));
+      logger.info(t("skill.check.outdated", { count: outdatedCount, invoke: getInvokeCommand() }));
     }
   } finally {
     cleanupTempDir(remoteDir);

package/dist/lib.d.ts

@@ -29,16 +29,16 @@ declare const messages: {
         readonly en: "Display language for the CLI (ja | en)";
     };
     readonly 'cli.create.description': {
-        readonly ja: "examples テンプレートから新規プロジェクトを生成する";
-        readonly en: "Create a new project from an examples template";
+        readonly ja: "templates から新規プロジェクトを生成する";
+        readonly en: "Create a new project from a template";
     };
     readonly 'cli.create.arg.targetDir': {
         readonly ja: "出力先ディレクトリ";
         readonly en: "Target directory";
     };
     readonly 'cli.create.opt.template': {
-        readonly ja: "使用するテンプレート名（例: astro-minimal）";
-        readonly en: "Template name to use (e.g. astro-minimal)";
+        readonly ja: "使用するテンプレート名（例: minimal-astro）";
+        readonly en: "Template name to use (e.g. minimal-astro)";
     };
     readonly 'cli.create.opt.force': {
         readonly ja: "既存ディレクトリを強制上書き";
@@ -132,9 +132,33 @@ declare const messages: {
         readonly ja: "テンプレート \"{name}\" は見つかりません。利用可能: {list}";
         readonly en: "Template \"{name}\" not found. Available: {list}";
     };
-    readonly 'create.promptSelectTemplate': {
-        readonly ja: "テンプレートを選択してください:";
-        readonly en: "Select a template:";
+    readonly 'create.promptSelectCategory': {
+        readonly ja: "カテゴリを選択してください:";
+        readonly en: "Select a category:";
+    };
+    readonly 'create.promptSelectVariant': {
+        readonly ja: "バリアントを選択してください（{count}件）:";
+        readonly en: "Select a variant ({count} options):";
+    };
+    readonly 'create.promptSelectVariant.blog': {
+        readonly ja: "機能レベルを選択してください（{count}件）:";
+        readonly en: "Select a feature level ({count} options):";
+    };
+    readonly 'create.promptSelectVariant.lp': {
+        readonly ja: "業種を選択してください（{count}件）:";
+        readonly en: "Select an industry ({count} options):";
+    };
+    readonly 'create.promptSelectVariant.web': {
+        readonly ja: "業種を選択してください（{count}件）:";
+        readonly en: "Select an industry ({count} options):";
+    };
+    readonly 'create.promptSelectStack': {
+        readonly ja: "スタックを選択してください（{count}件）:";
+        readonly en: "Select a stack ({count} options):";
+    };
+    readonly 'create.usingStack': {
+        readonly ja: "スタックは{stack}を使用します（{count}件）。";
+        readonly en: "Using {stack} stack ({count} option).";
     };
     readonly 'create.promptTargetDir': {
         readonly ja: "出力先ディレクトリ:";
@@ -152,6 +176,18 @@ declare const messages: {
         readonly ja: "テンプレート \"{name}\" を取得中（ref: {ref}）...";
         readonly en: "Fetching template \"{name}\" (ref: {ref})...";
     };
+    readonly 'create.templatePackageMissing': {
+        readonly ja: "テンプレート\"{name}\"の取得結果にpackage.jsonがありません。取得元パスを確認してください: {path}";
+        readonly en: "Downloaded template \"{name}\" does not contain package.json. Check the source path: {path}";
+    };
+    readonly 'create.templateIndexMissing': {
+        readonly ja: "テンプレート\"{name}\"の取得結果にindex.htmlがありません。取得元パスを確認してください: {path}";
+        readonly en: "Downloaded template \"{name}\" does not contain index.html. Check the source path: {path}";
+    };
+    readonly 'create.variantMissing': {
+        readonly ja: "variant \"{variant}\" のディレクトリが見つかりません。取得元パスを確認してください: {path}";
+        readonly en: "Variant \"{variant}\" directory not found. Check the source path: {path}";
+    };
     readonly 'create.created': {
         readonly ja: "{dir} にプロジェクトを生成しました。";
         readonly en: "Generated project at {dir}.";
@@ -160,6 +196,18 @@ declare const messages: {
         readonly ja: "次のコマンドで開発を開始できます:";
         readonly en: "Next steps:";
     };
+    readonly 'create.nextStepsHtmlOpen': {
+        readonly ja: "  index.htmlをブラウザで開いてください";
+        readonly en: "  Open index.html in your browser";
+    };
+    readonly 'create.packageNameRewritten': {
+        readonly ja: "  package.jsonのnameを\"{name}\"に変更しました。";
+        readonly en: "  Updated package.json name to \"{name}\".";
+    };
+    readonly 'create.packageNameFailed': {
+        readonly ja: "package.jsonのname書き換えに失敗しました: {reason}";
+        readonly en: "Failed to rewrite package.json name: {reason}";
+    };
     readonly 'create.workspaceReplaced': {
         readonly ja: "  package.json の workspace:* を ^{version} に置換しました。";
         readonly en: "  Replaced workspace:* in package.json with ^{version}.";
@@ -341,8 +389,8 @@ declare const messages: {
         readonly en: "  Deployed: {tool} → {path}";
     };
     readonly 'skill.check.noneInstalled': {
-        readonly ja: "インストール済みのスキルは見つかりませんでした。`lism skill add` で配置できます。";
-        readonly en: "No installed skills found. Run `lism skill add` to deploy them.";
+        readonly ja: "インストール済みのスキルは見つかりませんでした。`{invoke} skill add` で配置できます。";
+        readonly en: "No installed skills found. Run `{invoke} skill add` to deploy them.";
     };
     readonly 'skill.check.fetching': {
         readonly ja: "リモートスキルを取得中（ref: {ref}）...";
@@ -357,8 +405,8 @@ declare const messages: {
         readonly en: "All skills are up to date.";
     };
     readonly 'skill.check.outdated': {
-        readonly ja: "{count} 件のツールに差分があります。`lism skill update` で最新に更新できます。";
-        readonly en: "{count} tools have changes. Run `lism skill update` to update them.";
+        readonly ja: "{count} 件のツールに差分があります。`{invoke} skill update` で最新に更新できます。";
+        readonly en: "{count} tools have changes. Run `{invoke} skill update` to update them.";
     };
     readonly 'skill.check.diffModified': {
         readonly ja: "変更 {count}";
@@ -373,8 +421,8 @@ declare const messages: {
         readonly en: "deleted {count}";
     };
     readonly 'config.legacyWarning': {
-        readonly ja: "[deprecated] {filename} は廃止予定です。\"lism ui init\" で lism.config.js へ移行してください。";
-        readonly en: "[deprecated] {filename} is deprecated. Run \"lism ui init\" to migrate to lism.config.js.";
+        readonly ja: "[deprecated] {filename} は廃止予定です。\"{invoke} ui init\" で lism.config.js へ移行してください。";
+        readonly en: "[deprecated] {filename} is deprecated. Run \"{invoke} ui init\" to migrate to lism.config.js.";
     };
     readonly 'config.notFound': {
         readonly ja: "lism.config.js / lism.config.mjs / lism-ui.json のいずれも見つかりません。";

package/dist/lib.js

@@ -3,7 +3,7 @@ import {
   setLang,
   t,
   tOf
-} from "./chunk-5ULZ7QME.js";
+} from "./chunk-ZSHT6RXM.js";
 export {
   runCreate,
   setLang,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lism-cli",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "CLI for scaffolding projects and adding UI components for Lism CSS / Lism UI.",
   "author": {
     "name": "ddryo",