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
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