{
  "slug": "dsl/playground",
  "title": "DSL playground",
  "description": "Use the local and hosted Cuitty DSL playgrounds.",
  "url": "https://cuitty.com/docs/dsl/playground",
  "markdown_url": "https://cuitty.com/docs/dsl/playground.md",
  "json_url": "https://cuitty.com/docs/dsl/playground.json",
  "frontmatter": {
    "title": "DSL playground",
    "description": "Use the local and hosted Cuitty DSL playgrounds.",
    "order": 3,
    "section": "DSL",
    "updatedAt": "2026-06-05"
  },
  "headings": [
    {
      "depth": 1,
      "slug": "dsl-playground",
      "text": "DSL playground"
    }
  ],
  "body_markdown": "# DSL playground\n\nThe hosted playground at [/playground/dsl](/playground/dsl) runs the same parser\nand validator core used by local DSL tooling. It is intended for authoring,\ndebugging, documentation examples, and migration review.\n\nThe local sandbox adds filesystem examples and live reload:\n\n```bash\ncd ~/Code/cuitty/dsl\n./run sandbox\n```\n\nUse `./run dev` when you want the initial parser/LSP checks before launching\nthe sandbox.\n\nThe playground is built from shareable components:\n\n- `@cuitty/dsl-playground-core` owns parsing, validation, summary metrics, AST,\n  diagnostics, and symbols.\n- `@cuitty/brand/sdk/dsl/solid` owns the branded UI shell.\n- `@cuitty/brand/sdk/dsl/react` provides parity for React consumers.\n\nValidation runs directly in the browser. Import, export, and roundtrip modes are\nshown with copyable CLI commands when the browser cannot safely load Node-only\nYAML adapters.",
  "body_html": "<h1 id=\"dsl-playground\">DSL playground</h1>\n<p>The hosted playground at <a href=\"/playground/dsl\">/playground/dsl</a> runs the same parser\nand validator core used by local DSL tooling. It is intended for authoring,\ndebugging, documentation examples, and migration review.</p>\n<p>The local sandbox adds filesystem examples and live reload:</p>\n<pre class=\"astro-code github-dark\" style=\"background-color:#24292e;color:#e1e4e8; overflow-x: auto;\" tabindex=\"0\" data-language=\"bash\"><code><span class=\"line\"><span style=\"color:#79B8FF\">cd</span><span style=\"color:#9ECBFF\"> ~/Code/cuitty/dsl</span></span>\n<span class=\"line\"><span style=\"color:#B392F0\">./run</span><span style=\"color:#9ECBFF\"> sandbox</span></span></code></pre>\n<p>Use <code>./run dev</code> when you want the initial parser/LSP checks before launching\nthe sandbox.</p>\n<p>The playground is built from shareable components:</p>\n<ul>\n<li><code>@cuitty/dsl-playground-core</code> owns parsing, validation, summary metrics, AST,\ndiagnostics, and symbols.</li>\n<li><code>@cuitty/brand/sdk/dsl/solid</code> owns the branded UI shell.</li>\n<li><code>@cuitty/brand/sdk/dsl/react</code> provides parity for React consumers.</li>\n</ul>\n<p>Validation runs directly in the browser. Import, export, and roundtrip modes are\nshown with copyable CLI commands when the browser cannot safely load Node-only\nYAML adapters.</p>",
  "links_out": [
    "/playground/dsl"
  ]
}