Docs

/

Ship and extend

CLI

layr comes with @dynshift/layr. Run it with npx layr inside a project, or install it globally with npm i -g @dynshift/layr.

CommandWhat it does
layr create <name>New project (--template app or blank)
layr create addon <name>New addon
layr devDev server with reload on save (--port, --host)
layr buildStatic site in dist/, routes prerendered (--base, --out, --no-prerender)
layr previewServe dist/
layr formatCanonical form (--check for CI)
layr analyzeAll diagnostics (--json, --info, --explain Page.id.feature)
layr explain <code>Explain a diagnostic, e.g. layr explain L3102
layr testScreenshot every route at every design frame and compare (--update, --frames m,w)
layr add <addon>Install addons
layr remove <addon>Uninstall addons
layr update [addon]Update addons
layr outdatedAddons with newer versions
layr search <query>Search addons
layr info <addon>An addon's details
layr packValidate and pack an addon
layr publishValidate and publish an addon to npm
layr eject <addon>Copy an addon's source into your project
layr docsAPI docs for an addon's widgets
layr skills installGive AI agents the LAYR Skill
layr doctorCheck the environment and project
layr lspLanguage server (stdio), used by editors
layr mcpMCP server (stdio), used by AI agents

layr.yaml

YAML
name: my-app
layr: ^3.0.0
addons:
  google_fonts: ^1.0.0
base: /
access:
  force: ["src/system/**"]   # files allowed to use Inject(.force ...)
targets: [react]