lism-cli 0.8.0 → 0.9.0

package/README.md

@@ -13,6 +13,7 @@ lism-cli create [targetDir] [--template <name|category>] [--lang <ja|en>]  # tem
 lism-cli init  [--ui-framework <react|astro>] [--ui-dir <path>]  # lism.config ファイルの新規生成
 lism-cli ui    { add <names...> | list }                    # Lism UI コンポーネントの追加
 lism-cli skill { add [skill] | check | update }             # AI エージェント向け SKILL.md 配置
+lism-cli mockup                                             # 画面モックアップ作成の案内
 ```
 
 ## 使い方
@@ -91,12 +92,13 @@ pnpm dlx lism-cli ui add accordion --ref dev
 
 同梱スキル（`SKILL.md` ほか一式）を各種AIツールの所定ディレクトリへ展開します。
 
-同梱スキルは以下の2つです：
+同梱スキルは以下の3つです：
 
 | スキル | 説明 |
 |--------|------|
 | `lism-css-guide` | Lism CSSでUI・ページを実装・修正する時に使う実装ガイド |
 | `lism-css-refactor` | 既存の Lism CSSコードを、見た目や挙動を変えずにLismらしい書き方へ整理するリファクタガイド |
+| `lism-mockup-guide` | `@lism-css/mockup`で画面モックアップを組む時のワークフローとデータ契約のガイド（`lism-css-guide`併用前提） |
 
 ```bash
 # 対話モード（使用中のツールを自動検出）
@@ -133,6 +135,24 @@ pnpm dlx lism-cli skill update --claude
 | `--gemini` | `.gemini/skills/<skill>` |
 | `--junie` | `.junie/skills/<skill>` |
 
+### 画面モックアップの案内
+
+`lism-cli mockup` は、画面モックアップを作成するCLI [`@lism-css/mockup`](https://www.npmjs.com/package/@lism-css/mockup) の使い方を表示するだけのコマンドです。`lism-cli` 自体はモックアップ機能を持ちません。
+
+```bash
+pnpm dlx lism-cli mockup
+```
+
+モックアップの作成・検証・プレビューは `@lism-css/mockup` を直接実行してください。
+
+```bash
+npx @lism-css/mockup init [dir]    # ひな形＋契約説明書の生成
+npx @lism-css/mockup check [dir]   # 非対話の検証
+npx @lism-css/mockup dev [dir]     # devサーバー起動（ブラウザ確認用）
+```
+
+AIエージェントにモックアップを作らせる場合は、`lism-mockup-guide` スキル（前述の `skill add`）も併せて導入してください。
+
 ## lism.config.js
 
 `ui add` が読み込む設定ファイル（新規作成するのは `init`）。CSSの設定（`tokens` 等）とUI設定を同居できます。

package/dist/{chunk-RTEZODLP.js → chunk-BEY36YDC.js}

@@ -1,5 +1,5 @@
 // <define:__LISM_PACKAGE_VERSIONS__>
-var define_LISM_PACKAGE_VERSIONS_default = { "lism-css": "0.24.0", "@lism-css/ui": "0.24.0", "@lism-css/plugin": "0.3.0" };
+var define_LISM_PACKAGE_VERSIONS_default = { "lism-css": "0.26.0", "@lism-css/ui": "0.26.0", "@lism-css/plugin": "0.4.2" };
 
 // src/logger.ts
 import pc from "picocolors";
@@ -100,6 +100,11 @@ var messages = {
     ja: "\u53D6\u5F97\u5143\u306E Git ref\uFF08\u30D6\u30E9\u30F3\u30C1 / \u30BF\u30B0 / \u30B3\u30DF\u30C3\u30C8\uFF09",
     en: "Git ref to fetch from (branch / tag / commit)"
   },
+  // mockup
+  "cli.mockup.description": {
+    ja: "\u753B\u9762\u30E2\u30C3\u30AF\u30A2\u30C3\u30D7\u306E\u6848\u5185\u3092\u8868\u793A\u3059\u308B\uFF08\u5B9F\u4F53\u306F @lism-css/mockup\uFF09",
+    en: "Show guidance for mockups (provided by @lism-css/mockup)"
+  },
   // skill
   "cli.skill.description": {
     ja: "AI \u30A8\u30FC\u30B8\u30A7\u30F3\u30C8\u5411\u3051\u30B9\u30AD\u30EB\uFF08SKILL.md\uFF09\u306E\u914D\u7F6E\u3068\u7BA1\u7406",
@@ -350,6 +355,13 @@ var messages = {
     en: "Total: {count} components"
   },
   // ---------------------------------------------------------------------------
+  // mockup
+  // ---------------------------------------------------------------------------
+  "mockup.guide": {
+    ja: "\u753B\u9762\u30E2\u30C3\u30AF\u30A2\u30C3\u30D7\u6A5F\u80FD\u306F\u5225\u30D1\u30C3\u30B1\u30FC\u30B8 @lism-css/mockup \u304C\u63D0\u4F9B\u3057\u307E\u3059\u3002\n\n  npx @lism-css/mockup init [dir]   \u2026 \u3072\u306A\u5F62\uFF0B\u5951\u7D04\u8AAC\u660E\u66F8\u306E\u751F\u6210\n  npx @lism-css/mockup dev [dir]    \u2026 dev\u30B5\u30FC\u30D0\u30FC\u8D77\u52D5\uFF08\u30D6\u30E9\u30A6\u30B6\u78BA\u8A8D\u7528\uFF09\n  npx @lism-css/mockup check [dir]  \u2026 \u975E\u5BFE\u8A71\u306E\u691C\u8A3C\n\n\u30A4\u30F3\u30B9\u30C8\u30FC\u30EB\u6E08\u307F\u306E\u74B0\u5883\u3067\u306F bin \u306E lism-mockup \u3067\u3082\u5B9F\u884C\u3067\u304D\u307E\u3059\u3002",
+    en: "Mockup features are provided by a separate package, @lism-css/mockup.\n\n  npx @lism-css/mockup init [dir]   ... Generate scaffolding and a contract document\n  npx @lism-css/mockup dev [dir]    ... Start the dev server (for browser preview)\n  npx @lism-css/mockup check [dir]  ... Run non-interactive checks\n\nIf installed, you can also run it via the lism-mockup bin."
+  },
+  // ---------------------------------------------------------------------------
   // skill
   // ---------------------------------------------------------------------------
   // skill add
@@ -547,11 +559,11 @@ import { downloadTemplate } from "giget";
 import { select, input, confirm } from "@inquirer/prompts";
 
 // src/version.ts
-var LISM_CSS_VERSION = "0.24.0" ? "0.24.0" : "unknown";
+var LISM_CSS_VERSION = "0.26.0" ? "0.26.0" : "unknown";
 var LISM_PACKAGE_VERSIONS = typeof define_LISM_PACKAGE_VERSIONS_default !== "undefined" && define_LISM_PACKAGE_VERSIONS_default ? define_LISM_PACKAGE_VERSIONS_default : {
   "lism-css": LISM_CSS_VERSION
 };
-var CLI_VERSION = "0.8.0" ? "0.8.0" : "unknown";
+var CLI_VERSION = "0.9.0" ? "0.9.0" : "unknown";
 
 // src/constants.ts
 var SOURCE_REPO = "lism-css/lism-css";
@@ -564,7 +576,7 @@ 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_BASE = "skills";
-var SKILL_NAMES = ["lism-css-guide", "lism-css-refactor"];
+var SKILL_NAMES = ["lism-css-guide", "lism-css-refactor", "lism-mockup-guide"];
 var TEMPLATES_PATH = "templates";
 
 // ../../templates/manifest.ts

package/dist/index.js

@@ -14,7 +14,7 @@ import {
   preScanLang,
   setLang,
   t
-} from "./chunk-RTEZODLP.js";
+} from "./chunk-BEY36YDC.js";
 
 // src/createProgram.ts
 import { Command as Command4 } from "commander";
@@ -853,6 +853,11 @@ async function resolveUiConfig(options) {
   return useUi ? promptUiConfig(uiOptions) : null;
 }
 
+// src/commands/mockup.ts
+function mockupCommand() {
+  logger.log(t("mockup.guide"));
+}
+
 // src/createProgram.ts
 function createLismProgram() {
   const program2 = new Command4();
@@ -867,6 +872,7 @@ function createLismProgram() {
   applyUiSectionOptions(init).action(initCommand);
   program2.addCommand(createUiCommand());
   program2.addCommand(createSkillCommand());
+  program2.command("mockup").description(t("cli.mockup.description")).allowExcessArguments().action(mockupCommand);
   return program2;
 }
 

package/dist/lib.d.ts

@@ -21,6 +21,7 @@ declare function runCreate({ template, targetDir, force, lang }: RunCreateArgs):
  *   - `init.*`   … `lism-cli init` サブコマンド
  *   - `ui.*`     … `lism-cli ui` 配下
  *   - `skill.*`  … `lism-cli skill` 配下
+ *   - `mockup.*` … `lism-cli mockup` 配下
  *   - `config.*` … lism.config.* まわりのエラー・警告
  *   - `common.*` … 汎用
  *
@@ -91,6 +92,10 @@ declare const messages: {
         readonly ja: "取得元の Git ref（ブランチ / タグ / コミット）";
         readonly en: "Git ref to fetch from (branch / tag / commit)";
     };
+    readonly 'cli.mockup.description': {
+        readonly ja: "画面モックアップの案内を表示する（実体は @lism-css/mockup）";
+        readonly en: "Show guidance for mockups (provided by @lism-css/mockup)";
+    };
     readonly 'cli.skill.description': {
         readonly ja: "AI エージェント向けスキル（SKILL.md）の配置と管理";
         readonly en: "Manage SKILL.md files for AI agents";
@@ -327,6 +332,10 @@ declare const messages: {
         readonly ja: "合計: {count} コンポーネント";
         readonly en: "Total: {count} components";
     };
+    readonly 'mockup.guide': {
+        readonly ja: string;
+        readonly en: string;
+    };
     readonly 'skill.add.detected': {
         readonly ja: "検出した AI ツール: {list}";
         readonly en: "Detected AI tools: {list}";

package/dist/lib.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lism-cli",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "CLI for scaffolding projects and adding UI components for Lism CSS / Lism UI.",
   "author": {
     "name": "ddryo",
@@ -39,16 +39,16 @@
     "url": "https://github.com/lism-css/lism-css/issues"
   },
   "dependencies": {
-    "@inquirer/prompts": "^7.0.0",
-    "commander": "^13.0.0",
-    "giget": "^3.2.0",
-    "jiti": "^2.6.1",
-    "picocolors": "^1.1.0"
+    "@inquirer/prompts": "^7.10.1",
+    "commander": "^13.1.0",
+    "giget": "^3.3.0",
+    "jiti": "^2.7.0",
+    "picocolors": "^1.1.1"
   },
   "devDependencies": {
-    "@types/node": "^25.5.0",
-    "tsup": "^8.0.0",
-    "typescript": "^5.8.3"
+    "@types/node": "^25.9.4",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
   },
   "engines": {
     "node": ">=18.0.0"