installation
these are source files, not an npm package. you need an existing shadcn project and the motion dependency.
one component
run the shadcn cli against this site's registry, or copy the files from github. they land under registry/default.
command
everything
installs every graph and the shared frame code into registry/default. graph-comark and graph-knap are already in all.json.
command
namespace
add the registry once in components.json, then install components by name as @mdxcn/graph-table.
cli
components.json
then
import
files land under @/registry. add your own barrel export if you want a shorter import path.
import
mdx
register the parent once. lists and tables inside the tag do not need extra imports. the mdx tab is the framed figure — paste that into notion or a readme. wrap the children in the parent when you want it live.
mdx-components.tsx. the mdx tab is the framed drawing. copy that into notion or a readme. react is the other tab.copy the files
cli or github. they land under registry/default.
register the parent
once in mdx-components.tsx. lists and tables inside do not need their own imports.
paste
the mdx tab is the framed figure. paste it into notion or a readme. wrap the children in the parent when you want it live.
agents
a skill file so the agent picks a component instead of drawing svg. markdown in mdx and in notion. a ::graph-* block in comark. a graph_* filter in knap. official ascii in a readme. for agents is the write and read story. skill is the install. /llms.txt is the chooser plus the ascii, comark, and knap blocks, in one file.