Start here

Getting started

Install schema + view, import the stylesheet, and render a controlled matrix.

npm

Install for agents & tooling

Knowledge SDK — install as a devDependency only (not a production runtime).

npm i -D @x12i/io-matrix-docs

Agents / SDK details → · agent-manifest.json

Less recommended Download the full library as Markdown Useful when working with a web LLM assistant that cannot install packages — paste or attach the file instead of using the SDK.

pnpm add @x12i/io-matrix-view @x12i/io-matrix-schema
import { ObjectPropertyIOMatrix } from '@x12i/io-matrix-view';
import '@x12i/io-matrix-view/style.css';
import type { Matrix } from '@x12i/io-matrix-schema';

function PipelineSpec({ matrix, onChange }: { matrix: Matrix; onChange: (m: Matrix) => void }) {
  return (
    <ObjectPropertyIOMatrix
      matrix={matrix}
      onChange={onChange}
      mode="edit"
      config={{ visibleKinds: 'all' }}
    />
  );
}

Knowledge SDK (devDependency only):

pnpm add -D @x12i/io-matrix-docs