[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_595":596,"_597":598},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_432":-5,"_20":433,"_22":434,"_435":436,"_437":438,"_26":439,"_24":440,"_441":442,"_443":444,"_445":51,"_446":447,"_448":72,"_449":-5,"_450":-5,"_451":452},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":-5,"_31":32,"_33":34,"_35":-5},"handle","dcm31","name","skillstest","branchName","main","version","path","skills/ui-example","project",{"_36":387,"_13":14,"_38":388,"_49":-5,"_389":51,"_52":53,"_390":53,"_391":392,"_393":-5,"_394":395,"_396":110,"_397":72,"_398":-5,"_399":-5,"_400":32,"_55":56,"_401":-5,"_402":-5,"_403":-5,"_404":-5,"_405":406,"_407":406,"_408":409,"_410":409,"_411":409,"_412":406,"_413":406,"_414":415,"_416":417,"_418":419,"_50":51},"tree",[91,92,93,94,95,96,97,98],"file",{"_36":87,"_13":80,"_63":66,"_65":88,"_67":68,"_69":70,"_71":72,"_38":89,"_17":32,"_74":85,"_75":-5,"_77":51,"_78":-5,"_18":90},"contents",[59,60],"upstream",{"_36":37,"_38":39,"_40":41,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":12,"_55":56,"_57":58},"pull","ahead",0,"behind",15,"envVars","id","7c862450-0674-426e-9c69-ceda93eca788","createdAt",["D",1780679910053],"updatedAt",["D",1781113983230],"projectId","6852d2a6-72e8-40e3-b5f0-53b7f8f82e7f",96,"forkedBranchId","forkedBranchVersion","lockfileKey","1781113999708-esm.town_v_dcm31_skills@96-main","deletedAt","isOwned",false,"privacy","public","userHandle","orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","projectName","skills",{"_36":81,"_13":82,"_63":83,"_65":66,"_67":68,"_69":70,"_71":72,"_38":84,"_17":32,"_74":85,"_75":-5,"_77":51,"_78":-5,"_18":86},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":73,"_17":32,"_74":24,"_75":76,"_77":51,"_78":-5,"_18":79},"a0ebfb69-5881-467c-99dd-49c3d516b4d7","SKILL.md","fileId","019eae89-7c0f-77b8-b541-4ef141aa0da0","parentId","019eae89-7c0f-77b8-b541-53cf5ec449a7","branchId","dcc06f7d-5fc9-4325-8e89-1880ab327d59","branchVersion",1,"latest",true,["D",1781044706180],"fileType","content","---\nname: UI Example\ndescription: Shows off the live-example feature — a skill that ships an HTML fragment, rendered inline on its page and standalone. Read it to learn how examples work.\ncategory: Reference\n---\n\n# UI Example\n\n> This skill exists to demonstrate the library's **live-example feature** — and to double as a quick reference for the design system every page here inherits. Scroll up: the **Examples** panel above this text is rendered live from the HTML fragment this skill ships.\n\n## What you're looking at\n\nA skill can ship a single HTML fragment under its `assets/` directory. When it does, two things happen automatically:\n\n1. It renders as an **Examples** panel at the top of the skill page (the box above).\n2. It's served on its own, full-bleed, at `/skills//example` — open it with the **\"Open standalone ↗\"** link. That URL is embeddable (drop it in an `