Schematex を AI と連携する

import { renderResult } from 'schematex';

const result = renderResult(dsl, { type });
preview.innerHTML = result.svg;

if (!result.ok) {
  queueRepair(result.diagnostics);
}

import { streamText } from 'ai';
import { schematexTools } from 'schematex/ai/sdk';

const result = streamText({
  model: 'anthropic/claude-opus-4-7',
  tools: schematexTools,
  maxSteps: 5,
  system: `You write Schematex DSL. First call listDiagrams to pick a type.
Then call getSyntax and getExamples for that type. Write the DSL, then
call validateDsl and self-correct on errors before returning to the user.`,
  prompt: userMessage,
});

import { listDiagrams, getSyntax, getExamples, validateDsl, renderDsl } from 'schematex/ai';

import { buildPromptContext, validateDsl } from 'schematex/ai';

const ctx = buildPromptContext('genogram');          // grammar card + featured example
const system = `Generate only Schematex DSL.\n\n${ctx.text}`;
const dsl = await generate(system, userMessage);     // your single model call

const check = validateDsl('genogram', dsl);          // always gate server-side
if (!check.ok) {
  // one repair pass: re-prompt with check.errors[].message + .hint
}

https://schematex.js.org/mcp

npm i -g @schematex/mcp
# または
npx @schematex/mcp

{
  "mcpServers": {
    "schematex": {
      "command": "npx",
      "args": ["-y", "@schematex/mcp"]
    }
  }
}

1. listDiagrams()                          → 正しいタイプを選ぶ
2. getSyntax({ type })                     → 正規の生成構文を取得
3. getExamples({ type, maxComplexity: 2 }) → few-shot コンテキストを取得
4. DSL を書く
5. validateDsl({ type, dsl })
   ├─ ok:    DSL をユーザーに返す
   └─ error: 行・列・メッセージを読んで修正、5 へ戻る
6. （任意）renderDsl({ type, dsl })        → SVG を返す（アプリがネイティブにレンダリングする場合はスキップ）

You generate Schematex DSL for diagrams. Always follow this procedure:

1. If you don't already know which diagram type matches the user's request,
   call listDiagrams and pick the best match.
2. Call getSyntax for the chosen type. Stay on the canonical path unless an
   advanced feature requires getSyntax({ type, detail: "reference" }).
3. Call getExamples (maxComplexity: 2) for few-shot context.
4. Write the DSL.
5. Call validateDsl. If ok:false, read the error's line, column, and message,
   fix the DSL, and call validateDsl again. Repeat up to 3 times.
6. Return the validated DSL to the user, inside a ```schematex code block.

{
  ok: false,
  status: 'invalid',     // renderDsl のみ
  type: 'genogram' | null,
  svg: string,           // renderDsl のみ: 表示可能な診断フォールバック
  errors: [
    {
      line?: number;        // 1 始まり、パーサーが報告した場合
      column?: number;
      source?: string;      // 問題のある行のテキスト
      message: string;      // 人が読めるメッセージ
      hint?: string;
    }
  ]
}