@mcp-html-bridge/claude-skill 0.3.0 → 0.5.0

package/commands/mcp-render.md

@@ -1,55 +1,33 @@
-You are the rendering decision-maker for MCP tool results. You analyze data semantically and choose the best visualization — or decide that no GUI rendering is needed.
+You are the rendering decision-maker for MCP tool results. You analyze data and decide whether a GUI rendering would benefit the user — or if plain text is sufficient.
 
 ## Your Role
 
-You are NOT a pattern matcher. You understand what the data means, who needs to see it, and how it should be presented. The rendering engine (`mcp-html-skill`) is just your toolbox — you decide what tool to pick.
+MCP-HTML-Bridge is a **generic MCP GUI wrapper**. It supports two rendering modes:
 
-## Decision Framework
-
-When the user asks to render MCP tool output (or you see tool results that would benefit from visualization), follow this process:
-
-### Step 1: Understand the Data
+1. **LLM-powered semantic rendering** — An LLM analyzes the JSON, understands what the data *means* (SVG, markdown, images, charts, code, etc.), and produces the best HTML visualization.
+2. **Structural fallback** — When no LLM is configured, renders JSON mechanically (tables for arrays of objects, key-value pairs for flat objects, etc.)
 
-Read the JSON. Ask yourself:
-- What does this data represent? (products, metrics, config, logs, comparison, narrative, error...)
-- Who is the audience? (developer debugging, end user browsing, analyst reviewing)
-- What's the user trying to do with this data? (compare, explore, overview, drill down)
+## Decision Framework
 
-### Step 2: Decide — GUI or Not?
+### Step 1: Decide — GUI or Not?
 
 **Skip GUI rendering when:**
 - Data is a simple success/failure status or short message
 - Data is a single scalar value or very small object (< 5 fields)
 - The user is debugging and just wants to see raw JSON
 - The data is an error response — just explain the error
-- A text summary would be more helpful than a visual
 
 **Use GUI rendering when:**
-- Data has tabular structure that benefits from sorting/scanning
+- Data has tabular structure, nested objects, or complex content
 - There are many items to compare or browse
-- Numbers benefit from visual formatting (prices, percentages, KPIs)
-- The structure is complex enough that a tree view aids navigation
-- A form would help the user construct input for a tool
-
-If you decide to skip GUI, just present the data as formatted text/table in your response. Say why you skipped visual rendering.
-
-### Step 3: Choose a Renderer
+- The data contains rich content (SVG, markdown, HTML, images, code)
+- The user explicitly asks for a visual/HTML rendering
 
-| Renderer | Use When | Examples |
-|---|---|---|
-| `data-grid` | Tabular data where columns matter. Comparison tables, search results, inventory lists, leaderboards. | Product comparison, user list, log entries |
-| `metrics-card` | Dashboard-style overview with key numbers. Small set of important KPIs. | Platform stats, account summary, daily metrics |
-| `json-tree` | Developer-facing deep/heterogeneous structures. Config dumps, API responses, debug output. | Nested config, raw API response, schema inspection |
-| `reading-block` | Narrative text, analysis, recommendations. Long-form content that needs formatting. | AI analysis, recommendation text, documentation |
-| `composite` | Mixed data: some numbers + some tables + some text. The data has distinct semantic sections. | Tool result with summary + details + recommendations |
-| `form` | User needs to provide input for an MCP tool. Use with `--schema`. | Tool input forms |
+### Step 2: Render
 
-**Your choice should be based on semantics, not shape.** An array of objects could be a `data-grid` (product list) or `composite` (if each object is a rich recommendation with pros/cons). A flat object could be `metrics-card` (KPIs) or `json-tree` (config dump). You decide based on meaning.
-
-### Step 4: Render
-
-Write the JSON data to a temp file, then call the renderer with your explicit choice:
+Write the JSON data to a temp file, then call the renderer.
 
+**With LLM semantic rendering (recommended for rich data):**
 ```bash
 cat <<'MCPJSON' > /tmp/mcp-render-input.json
 <THE_JSON_DATA>
@@ -57,74 +35,66 @@ MCPJSON
 
 mcp-html-skill render \
   --data /tmp/mcp-render-input.json \
-  --renderer <your-choice> \
   --title "<descriptive title>" \
-  --tool-name "<mcp_tool_name>" \
+  --api-url "https://api.openai.com/v1" \
+  --api-key "$OPENAI_API_KEY" \
+  --model "gpt-4o-mini" \
+  --open
+```
+
+**Without LLM (structural fallback):**
+```bash
+mcp-html-skill render \
+  --data /tmp/mcp-render-input.json \
+  --title "<descriptive title>" \
   --open
 ```
 
-For schema/form rendering:
+**For schema/form rendering:**
 ```bash
 mcp-html-skill render \
   --schema /tmp/mcp-schema.json \
   --title "<title>" \
-  --tool-name "<tool_name>" \
   --open
 ```
 
 If `mcp-html-skill` is not in PATH:
 ```bash
-npx @mcp-html-bridge/claude-skill render --data /tmp/mcp-render-input.json --renderer <choice> --open
+npx @mcp-html-bridge/claude-skill render --data /tmp/mcp-render-input.json --open
 ```
 
-### Step 5: Explain
+### Step 3: Explain
 
 After rendering, briefly tell the user:
-- What renderer you chose and why
 - The file path (from command output)
 - What they'll see when they open it
 
-## Renderer Reference
+## LLM Providers
 
-| Flag value | Full document | Sortable | Dark mode |
-|---|---|---|---|
-| `data-grid` | Yes | Yes (click headers) | Yes |
-| `metrics-card` | Yes | No | Yes |
-| `json-tree` | Yes | No (collapsible) | Yes |
-| `reading-block` | Yes | No | Yes |
-| `composite` | Yes | Mixed | Yes |
-| `auto` | Yes | Depends | Yes |
+The `--api-url` flag accepts any OpenAI-compatible endpoint:
 
-Use `auto` only as a last resort when you genuinely can't decide. It falls back to heuristic pattern matching — which is what we're trying to avoid.
+| Provider | API URL |
+|---|---|
+| OpenAI | `https://api.openai.com/v1` |
+| Baidu ERNIE | `https://aip.baidubce.com/rpc/2.0/ai_custom/v1/wenxinworkshop` |
+| Anthropic (via proxy) | `https://api.anthropic.com/v1` |
+| Ollama (local) | `http://localhost:11434/v1` |
+| vLLM (local) | `http://localhost:8000/v1` |
 
 ## Options
 
 | Flag | Description |
 |---|---|
-| `--renderer <type>` | **Your choice.** data-grid, metrics-card, json-tree, reading-block, composite, auto |
 | `--data <file>` | Input JSON data file |
 | `--schema <file>` | Input JSON Schema (renders as form) |
+| `--json <string>` | Inline JSON string |
 | `--title <title>` | Page title |
 | `--tool-name <name>` | MCP tool name |
-| `--debug` | Add LLM playground panel |
+| `--debug` | Add debug playground panel |
 | `--open` | Auto-open in browser |
 | `--stdout` | Print raw HTML to stdout |
-
-## Examples of Good Decisions
-
-**Product comparison table** → `data-grid`
-"This is a comparison across multiple products with consistent dimensions. A sortable table lets the user scan and compare at a glance."
-
-**Platform dashboard stats** → `metrics-card`
-"These are high-level KPIs (total products, active merchants, avg commission). Large formatted numbers with labels communicate this best."
-
-**AI recommendation with analysis** → `composite`
-"This has a text analysis section, a ranked list of recommendations each with pros/cons, and a budget summary. Multiple renderers composed together."
-
-**Deeply nested API config** → `json-tree`
-"This is a raw configuration object. A developer needs to drill into specific paths. Collapsible tree with search is ideal."
-
-**Simple 'ok' status** → Skip GUI
-"This is just `{ status: 'success', message: 'Created' }`. No need to generate a whole HTML page — I'll just tell the user it succeeded."
+| `--api-url <url>` | LLM API base URL |
+| `--api-key <key>` | LLM API key |
+| `--model <model>` | LLM model name |
 
 $ARGUMENTS

package/dist/config-cmd.d.ts

@@ -0,0 +1,10 @@
+interface ConfigOptions {
+    apiUrl?: string;
+    apiKey?: string;
+    model?: string;
+    show?: boolean;
+    clear?: boolean;
+}
+export declare function config(options: ConfigOptions): void;
+export {};
+//# sourceMappingURL=config-cmd.d.ts.map

package/dist/config-cmd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-cmd.d.ts","sourceRoot":"","sources":["../src/config-cmd.ts"],"names":[],"mappings":"AAMA,UAAU,aAAa;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,MAAM,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI,CAmDnD"}

package/dist/config-cmd.js

@@ -0,0 +1,55 @@
+/**
+ * `mcp-html-skill config` subcommand.
+ */
+import { loadConfig, saveConfig, getConfigPath } from './config.js';
+export function config(options) {
+    if (options.show) {
+        const cfg = loadConfig();
+        const path = getConfigPath();
+        if (cfg.llm) {
+            console.log(`Config: ${path}`);
+            console.log(`  API URL: ${cfg.llm.apiUrl}`);
+            console.log(`  API Key: ${cfg.llm.apiKey ? cfg.llm.apiKey.slice(0, 8) + '...' : '(not set)'}`);
+            console.log(`  Model:   ${cfg.llm.model}`);
+        }
+        else {
+            console.log(`No LLM configured. Config path: ${path}`);
+            console.log('Run: mcp-html-skill config --api-url <url> --model <model>');
+        }
+        return;
+    }
+    if (options.clear) {
+        saveConfig({});
+        console.log('Config cleared.');
+        return;
+    }
+    if (!options.apiUrl && !options.model && !options.apiKey) {
+        console.error('Usage:');
+        console.error('  mcp-html-skill config --api-url <url> --model <model> [--api-key <key>]');
+        console.error('  mcp-html-skill config --show');
+        console.error('  mcp-html-skill config --clear');
+        console.error('');
+        console.error('Examples:');
+        console.error('  mcp-html-skill config --api-url http://localhost:11434/v1 --model qwen2');
+        console.error('  mcp-html-skill config --api-url https://api.deepseek.com/v1 --api-key sk-xxx --model deepseek-chat');
+        process.exit(1);
+    }
+    const existing = loadConfig();
+    const llm = existing.llm ?? { apiUrl: '', model: '' };
+    if (options.apiUrl)
+        llm.apiUrl = options.apiUrl;
+    if (options.apiKey)
+        llm.apiKey = options.apiKey;
+    if (options.model)
+        llm.model = options.model;
+    if (!llm.apiUrl || !llm.model) {
+        console.error('Both --api-url and --model are required.');
+        process.exit(1);
+    }
+    saveConfig({ ...existing, llm });
+    console.log(`Saved to ${getConfigPath()}`);
+    console.log(`  API URL: ${llm.apiUrl}`);
+    console.log(`  Model:   ${llm.model}`);
+    console.log(`  API Key: ${llm.apiKey ? llm.apiKey.slice(0, 8) + '...' : '(not set)'}`);
+}
+//# sourceMappingURL=config-cmd.js.map

package/dist/config-cmd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-cmd.js","sourceRoot":"","sources":["../src/config-cmd.ts"],"names":[],"mappings":"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"}

package/dist/config.d.ts

@@ -0,0 +1,27 @@
+export interface BridgeConfig {
+    llm?: {
+        apiUrl: string;
+        apiKey?: string;
+        model: string;
+    };
+}
+/** Read config from ~/.mcp-html-bridge/config.json */
+export declare function loadConfig(): BridgeConfig;
+/** Write config to ~/.mcp-html-bridge/config.json */
+export declare function saveConfig(config: BridgeConfig): void;
+/** Get config file path */
+export declare function getConfigPath(): string;
+/**
+ * Resolve LLM config from all sources.
+ * Priority: CLI flags > env vars > config file
+ */
+export declare function resolveLLMConfig(cliFlags: {
+    apiUrl?: string;
+    apiKey?: string;
+    model?: string;
+}): {
+    apiUrl: string;
+    apiKey?: string;
+    model: string;
+} | undefined;
+//# sourceMappingURL=config.d.ts.map

package/dist/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAcA,MAAM,WAAW,YAAY;IAC3B,GAAG,CAAC,EAAE;QACJ,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,sDAAsD;AACtD,wBAAgB,UAAU,IAAI,YAAY,CAUzC;AAED,qDAAqD;AACrD,wBAAgB,UAAU,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAGrD;AAED,2BAA2B;AAC3B,wBAAgB,aAAa,IAAI,MAAM,CAEtC;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAkBjE"}

package/dist/config.js

@@ -0,0 +1,54 @@
+/**
+ * Configuration management for MCP-HTML-Bridge.
+ *
+ * Config file: ~/.mcp-html-bridge/config.json
+ * Env vars:    MCP_HTML_LLM_API_URL, MCP_HTML_LLM_API_KEY, MCP_HTML_LLM_MODEL
+ * CLI flags:   --api-url, --api-key, --model (highest priority)
+ */
+import { readFileSync, writeFileSync, mkdirSync, existsSync } from 'node:fs';
+import { join } from 'node:path';
+import { homedir } from 'node:os';
+const CONFIG_DIR = join(homedir(), '.mcp-html-bridge');
+const CONFIG_FILE = join(CONFIG_DIR, 'config.json');
+/** Read config from ~/.mcp-html-bridge/config.json */
+export function loadConfig() {
+    try {
+        if (existsSync(CONFIG_FILE)) {
+            const raw = readFileSync(CONFIG_FILE, 'utf-8');
+            return JSON.parse(raw);
+        }
+    }
+    catch {
+        // Corrupt config, ignore
+    }
+    return {};
+}
+/** Write config to ~/.mcp-html-bridge/config.json */
+export function saveConfig(config) {
+    mkdirSync(CONFIG_DIR, { recursive: true });
+    writeFileSync(CONFIG_FILE, JSON.stringify(config, null, 2) + '\n', 'utf-8');
+}
+/** Get config file path */
+export function getConfigPath() {
+    return CONFIG_FILE;
+}
+/**
+ * Resolve LLM config from all sources.
+ * Priority: CLI flags > env vars > config file
+ */
+export function resolveLLMConfig(cliFlags) {
+    const file = loadConfig();
+    const apiUrl = cliFlags.apiUrl
+        ?? process.env['MCP_HTML_LLM_API_URL']
+        ?? file.llm?.apiUrl;
+    const model = cliFlags.model
+        ?? process.env['MCP_HTML_LLM_MODEL']
+        ?? file.llm?.model;
+    if (!apiUrl || !model)
+        return undefined;
+    const apiKey = cliFlags.apiKey
+        ?? process.env['MCP_HTML_LLM_API_KEY']
+        ?? file.llm?.apiKey;
+    return { apiUrl, apiKey, model };
+}
+//# sourceMappingURL=config.js.map

package/dist/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,EAAE,EAAE,kBAAkB,CAAC,CAAC;AACvD,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;AAUpD,sDAAsD;AACtD,MAAM,UAAU,UAAU;IACxB,IAAI,CAAC;QACH,IAAI,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC;YAC5B,MAAM,GAAG,GAAG,YAAY,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;YAC/C,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAiB,CAAC;QACzC,CAAC;IACH,CAAC;IAAC,MAAM,CAAC;QACP,yBAAyB;IAC3B,CAAC;IACD,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,qDAAqD;AACrD,MAAM,UAAU,UAAU,CAAC,MAAoB;IAC7C,SAAS,CAAC,UAAU,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IAC3C,aAAa,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,CAAC,CAAC;AAC9E,CAAC;AAED,2BAA2B;AAC3B,MAAM,UAAU,aAAa;IAC3B,OAAO,WAAW,CAAC;AACrB,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAAC,QAIhC;IACC,MAAM,IAAI,GAAG,UAAU,EAAE,CAAC;IAE1B,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM;WACzB,OAAO,CAAC,GAAG,CAAC,sBAAsB,CAAC;WACnC,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC;IAEtB,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK;WACvB,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC;WACjC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC;IAErB,IAAI,CAAC,MAAM,IAAI,CAAC,KAAK;QAAE,OAAO,SAAS,CAAC;IAExC,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM;WACzB,OAAO,CAAC,GAAG,CAAC,sBAAsB,CAAC;WACnC,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC;IAEtB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;AACnC,CAAC"}

package/dist/index.js

@@ -2,39 +2,53 @@
 /**
  * @mcp-html-bridge/claude-skill
  *
- * CLI tool for Claude Code integration:
- *   mcp-html-skill install   — install /mcp-render command into Claude Code
- *   mcp-html-skill render    — render JSON schema/data to HTML file
+ * CLI for MCP-HTML-Bridge:
+ *   mcp-html-skill config     — configure LLM provider
+ *   mcp-html-skill render     — render JSON to HTML
+ *   mcp-html-skill install    — install /mcp-render into Claude Code
  */
 import { Command } from 'commander';
 import { install } from './install.js';
 import { render } from './render.js';
+import { config } from './config-cmd.js';
 const program = new Command();
 program
     .name('mcp-html-skill')
-    .description('Claude Code skill for MCP-HTML-Bridge')
-    .version('0.1.0');
+    .description('MCP-HTML-Bridge — render any JSON as self-contained HTML')
+    .version('0.5.0');
 program
-    .command('install')
-    .description('Install /mcp-render command into Claude Code (~/.claude/commands/)')
-    .option('--global', 'Install to global ~/.claude/commands/ (default)', true)
-    .option('--project', 'Install to current project .claude/commands/')
-    .action(install);
+    .command('config')
+    .description('Configure LLM provider (saved to ~/.mcp-html-bridge/config.json)')
+    .option('--api-url <url>', 'LLM API base URL')
+    .option('--api-key <key>', 'LLM API key')
+    .option('--model <model>', 'LLM model name')
+    .option('--show', 'Show current config')
+    .option('--clear', 'Clear saved config')
+    .action(config);
 program
     .command('render')
     .description('Render MCP tool schema or result data as HTML')
     .option('--schema <file>', 'JSON Schema file (renders input form)')
     .option('--data <file>', 'JSON data file (renders result view)')
     .option('--json <string>', 'Inline JSON string')
-    .option('--mode <mode>', 'Force render mode: schema | data (auto-detected if omitted)')
-    .option('--renderer <type>', 'Explicit renderer: data-grid | metrics-card | json-tree | reading-block | composite | auto')
+    .option('--mode <mode>', 'Force render mode: schema | data')
     .option('--title <title>', 'Page title')
-    .option('--tool-name <name>', 'Tool name for bridge protocol')
+    .option('--tool-name <name>', 'Tool name')
     .option('--tool-desc <desc>', 'Tool description')
     .option('--debug', 'Enable debug playground panel')
     .option('--output <dir>', 'Output directory', '/tmp/mcp-html-bridge')
     .option('--open', 'Open in browser after rendering')
-    .option('--stdout', 'Print raw HTML to stdout instead of writing to file')
+    .option('--stdout', 'Print raw HTML to stdout')
+    .option('--api-url <url>', 'LLM API URL (overrides config)')
+    .option('--api-key <key>', 'LLM API key (overrides config)')
+    .option('--model <model>', 'LLM model (overrides config)')
+    .option('--no-llm', 'Force structural rendering, skip LLM')
     .action(render);
+program
+    .command('install')
+    .description('Install /mcp-render command into Claude Code')
+    .option('--global', 'Install to global ~/.claude/commands/ (default)', true)
+    .option('--project', 'Install to current project .claude/commands/')
+    .action(install);
 program.parse();
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AACA;;;;;;GAMG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;AAE9B,OAAO;KACJ,IAAI,CAAC,gBAAgB,CAAC;KACtB,WAAW,CAAC,uCAAuC,CAAC;KACpD,OAAO,CAAC,OAAO,CAAC,CAAC;AAEpB,OAAO;KACJ,OAAO,CAAC,SAAS,CAAC;KAClB,WAAW,CAAC,oEAAoE,CAAC;KACjF,MAAM,CAAC,UAAU,EAAE,iDAAiD,EAAE,IAAI,CAAC;KAC3E,MAAM,CAAC,WAAW,EAAE,8CAA8C,CAAC;KACnE,MAAM,CAAC,OAAO,CAAC,CAAC;AAEnB,OAAO;KACJ,OAAO,CAAC,QAAQ,CAAC;KACjB,WAAW,CAAC,+CAA+C,CAAC;KAC5D,MAAM,CAAC,iBAAiB,EAAE,uCAAuC,CAAC;KAClE,MAAM,CAAC,eAAe,EAAE,sCAAsC,CAAC;KAC/D,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC;KAC/C,MAAM,CAAC,eAAe,EAAE,6DAA6D,CAAC;KACtF,MAAM,CAAC,mBAAmB,EAAE,4FAA4F,CAAC;KACzH,MAAM,CAAC,iBAAiB,EAAE,YAAY,CAAC;KACvC,MAAM,CAAC,oBAAoB,EAAE,+BAA+B,CAAC;KAC7D,MAAM,CAAC,oBAAoB,EAAE,kBAAkB,CAAC;KAChD,MAAM,CAAC,SAAS,EAAE,+BAA+B,CAAC;KAClD,MAAM,CAAC,gBAAgB,EAAE,kBAAkB,EAAE,sBAAsB,CAAC;KACpE,MAAM,CAAC,QAAQ,EAAE,iCAAiC,CAAC;KACnD,MAAM,CAAC,UAAU,EAAE,qDAAqD,CAAC;KACzE,MAAM,CAAC,MAAM,CAAC,CAAC;AAElB,OAAO,CAAC,KAAK,EAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AACA;;;;;;;GAOG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;AAE9B,OAAO;KACJ,IAAI,CAAC,gBAAgB,CAAC;KACtB,WAAW,CAAC,0DAA0D,CAAC;KACvE,OAAO,CAAC,OAAO,CAAC,CAAC;AAEpB,OAAO;KACJ,OAAO,CAAC,QAAQ,CAAC;KACjB,WAAW,CAAC,kEAAkE,CAAC;KAC/E,MAAM,CAAC,iBAAiB,EAAE,kBAAkB,CAAC;KAC7C,MAAM,CAAC,iBAAiB,EAAE,aAAa,CAAC;KACxC,MAAM,CAAC,iBAAiB,EAAE,gBAAgB,CAAC;KAC3C,MAAM,CAAC,QAAQ,EAAE,qBAAqB,CAAC;KACvC,MAAM,CAAC,SAAS,EAAE,oBAAoB,CAAC;KACvC,MAAM,CAAC,MAAM,CAAC,CAAC;AAElB,OAAO;KACJ,OAAO,CAAC,QAAQ,CAAC;KACjB,WAAW,CAAC,+CAA+C,CAAC;KAC5D,MAAM,CAAC,iBAAiB,EAAE,uCAAuC,CAAC;KAClE,MAAM,CAAC,eAAe,EAAE,sCAAsC,CAAC;KAC/D,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC;KAC/C,MAAM,CAAC,eAAe,EAAE,kCAAkC,CAAC;KAC3D,MAAM,CAAC,iBAAiB,EAAE,YAAY,CAAC;KACvC,MAAM,CAAC,oBAAoB,EAAE,WAAW,CAAC;KACzC,MAAM,CAAC,oBAAoB,EAAE,kBAAkB,CAAC;KAChD,MAAM,CAAC,SAAS,EAAE,+BAA+B,CAAC;KAClD,MAAM,CAAC,gBAAgB,EAAE,kBAAkB,EAAE,sBAAsB,CAAC;KACpE,MAAM,CAAC,QAAQ,EAAE,iCAAiC,CAAC;KACnD,MAAM,CAAC,UAAU,EAAE,0BAA0B,CAAC;KAC9C,MAAM,CAAC,iBAAiB,EAAE,gCAAgC,CAAC;KAC3D,MAAM,CAAC,iBAAiB,EAAE,gCAAgC,CAAC;KAC3D,MAAM,CAAC,iBAAiB,EAAE,8BAA8B,CAAC;KACzD,MAAM,CAAC,UAAU,EAAE,sCAAsC,CAAC;KAC1D,MAAM,CAAC,MAAM,CAAC,CAAC;AAElB,OAAO;KACJ,OAAO,CAAC,SAAS,CAAC;KAClB,WAAW,CAAC,8CAA8C,CAAC;KAC3D,MAAM,CAAC,UAAU,EAAE,iDAAiD,EAAE,IAAI,CAAC;KAC3E,MAAM,CAAC,WAAW,EAAE,8CAA8C,CAAC;KACnE,MAAM,CAAC,OAAO,CAAC,CAAC;AAEnB,OAAO,CAAC,KAAK,EAAE,CAAC"}

package/dist/render.d.ts

@@ -3,7 +3,6 @@ interface RenderOptions {
     data?: string;
     json?: string;
     mode?: 'schema' | 'data';
-    renderer?: string;
     title?: string;
     toolName?: string;
     toolDesc?: string;
@@ -11,7 +10,11 @@ interface RenderOptions {
     output?: string;
     open?: boolean;
     stdout?: boolean;
+    apiUrl?: string;
+    apiKey?: string;
+    model?: string;
+    llm?: boolean;
 }
-export declare function render(options: RenderOptions): void;
+export declare function render(options: RenderOptions): Promise<void>;
 export {};
 //# sourceMappingURL=render.d.ts.map

package/dist/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"AAWA,UAAU,aAAa;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA+DD,wBAAgB,MAAM,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI,CAqCnD"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"AAYA,UAAU,aAAa;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAiED,wBAAsB,MAAM,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CA4ClE"}

package/dist/render.js

@@ -1,11 +1,14 @@
 /**
  * Render MCP tool schema or data as a self-contained HTML page.
+ *
+ * LLM config resolution order:
+ *   CLI flags > env vars > ~/.mcp-html-bridge/config.json > no LLM (structural)
  */
 import { readFileSync, writeFileSync, mkdirSync } from 'node:fs';
 import { join } from 'node:path';
 import { execSync } from 'node:child_process';
-import { renderFromSchema, renderFromData } from '@mcp-html-bridge/ui-engine';
-const VALID_RENDERERS = ['data-grid', 'metrics-card', 'json-tree', 'reading-block', 'composite', 'auto'];
+import { renderFromSchema, renderFromData, renderFromDataSync } from '@mcp-html-bridge/ui-engine';
+import { resolveLLMConfig } from './config.js';
 function loadJSON(options) {
     let raw;
     if (options.schema) {
@@ -22,7 +25,6 @@ function loadJSON(options) {
             parsed.type === 'object' && parsed.properties;
         return { json: parsed, detectedMode: isSchema ? 'schema' : 'data' };
     }
-    // Try reading from stdin if piped
     try {
         raw = readFileSync('/dev/stdin', 'utf-8');
         if (raw.trim()) {
@@ -33,43 +35,12 @@ function loadJSON(options) {
         }
     }
     catch {
-        // Not piped, ignore
+        // Not piped
     }
-    console.error('  Error: No input provided.');
-    console.error('  Use --schema <file>, --data <file>, --json <string>, or pipe via stdin.');
+    console.error('Error: No input. Use --schema, --data, --json, or pipe via stdin.');
     process.exit(1);
 }
-function buildHTML(json, mode, options) {
-    const rendererChoice = options.renderer && options.renderer !== 'auto'
-        ? options.renderer
-        : undefined;
-    if (mode === 'schema') {
-        return renderFromSchema(json, {
-            title: options.title ?? options.toolName ?? 'MCP Tool Input',
-            toolName: options.toolName,
-            toolDescription: options.toolDesc,
-            debug: options.debug ?? true,
-        });
-    }
-    return renderFromData(json, {
-        title: options.title ?? options.toolName ?? 'MCP Tool Result',
-        toolName: options.toolName,
-        toolDescription: options.toolDesc,
-        debug: options.debug,
-        renderer: rendererChoice,
-    });
-}
-export function render(options) {
-    // Validate renderer choice
-    if (options.renderer && !VALID_RENDERERS.includes(options.renderer)) {
-        console.error(`  Error: Unknown renderer "${options.renderer}".`);
-        console.error(`  Available: ${VALID_RENDERERS.join(', ')}`);
-        process.exit(1);
-    }
-    const { json, detectedMode } = loadJSON(options);
-    const mode = options.mode ?? detectedMode;
-    const html = buildHTML(json, mode, options);
-    // --stdout: print raw HTML to stdout (for embedding in response streams)
+function writeAndOpen(html, options) {
     if (options.stdout) {
         process.stdout.write(html);
         return;
@@ -88,8 +59,51 @@ export function render(options) {
             execSync(`${cmd} "${outPath}"`, { stdio: 'ignore' });
         }
         catch {
-            // Silently fail if can't open browser
+            // Can't open browser
         }
     }
 }
+export async function render(options) {
+    const { json, detectedMode } = loadJSON(options);
+    const mode = options.mode ?? detectedMode;
+    if (mode === 'schema') {
+        const html = renderFromSchema(json, {
+            title: options.title ?? options.toolName ?? 'MCP Tool Input',
+            toolName: options.toolName,
+            toolDescription: options.toolDesc,
+            debug: options.debug ?? true,
+        });
+        writeAndOpen(html, options);
+        return;
+    }
+    // Resolve LLM config (CLI flags > env vars > config file)
+    // --no-llm forces structural rendering
+    const llm = options.llm === false
+        ? undefined
+        : resolveLLMConfig({
+            apiUrl: options.apiUrl,
+            apiKey: options.apiKey,
+            model: options.model,
+        });
+    if (llm) {
+        console.error(`  LLM: ${llm.model} @ ${llm.apiUrl}`);
+        const html = await renderFromData(json, {
+            title: options.title ?? options.toolName ?? 'MCP Tool Result',
+            toolName: options.toolName,
+            toolDescription: options.toolDesc,
+            debug: options.debug,
+            llm,
+        });
+        writeAndOpen(html, options);
+    }
+    else {
+        const html = renderFromDataSync(json, {
+            title: options.title ?? options.toolName ?? 'MCP Tool Result',
+            toolName: options.toolName,
+            toolDescription: options.toolDesc,
+            debug: options.debug,
+        });
+        writeAndOpen(html, options);
+    }
+}
 //# sourceMappingURL=render.js.map

package/dist/render.js.map

@@ -1 +1 @@
-{"version":3,"file":"render.js","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"render.js","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-html-bridge/claude-skill",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "description": "Claude Code skill for MCP-HTML-Bridge — render MCP tool data as interactive HTML pages",
   "type": "module",
   "main": "./dist/index.js",