[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_463":464,"_465":466},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_335":-5,"_20":336,"_22":337,"_338":339,"_340":341,"_26":342,"_24":343,"_344":345,"_346":347,"_348":50,"_349":350,"_351":71,"_352":-5,"_353":-5,"_354":355},"routes/_app.x.$handle.$name.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":32,"_34":-5},"handle","Benshaw","name","skills-library","branchName","main","version","path","skills/ui-example","project",{"_35":292,"_13":14,"_37":293,"_48":-5,"_294":50,"_51":52,"_295":52,"_296":297,"_298":-5,"_299":300,"_301":109,"_302":71,"_303":-5,"_304":-5,"_305":32,"_55":306,"_307":-5,"_308":-5,"_309":-5,"_310":-5,"_311":312,"_313":312,"_314":315,"_316":315,"_317":315,"_318":312,"_319":312,"_320":321,"_322":323,"_324":325,"_49":50},"tree",[91,92,93,94,95,96,97],"file",{"_35":87,"_13":80,"_62":65,"_64":88,"_66":67,"_68":69,"_70":71,"_37":89,"_17":32,"_73":85,"_74":-5,"_76":50,"_77":-5,"_18":90},"contents",[58,59],"upstream",{"_35":36,"_37":38,"_39":40,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":14},"pull","ahead",0,"behind","envVars","id","040340e9-158b-4bbd-8f37-b747265ebd0a","createdAt",["D",1781044539303],"updatedAt",["D",1781045797493],"projectId","874fb20a-7ec0-4476-989c-722361ea8c91",18,"forkedBranchId","forkedBranchVersion","lockfileKey","1781053529369-esm.town_v_templates_skills-library@18-main","deletedAt","isOwned",false,"privacy","public","userHandle","templates","orgId","019aa807-52c2-709c-928b-2029bae9a558","projectName",{"_35":81,"_13":82,"_62":83,"_64":65,"_66":67,"_68":69,"_70":71,"_37":84,"_17":32,"_73":85,"_74":-5,"_76":50,"_77":-5,"_18":86},{"_35":60,"_13":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_37":72,"_17":32,"_73":24,"_74":75,"_76":50,"_77":-5,"_18":78},"1001d4a1-ecc4-4e9b-89ad-e896186feb6b","SKILL.md","fileId","019ed647-335b-7040-8026-5a5ec2856ccd","parentId","019ed647-335b-7040-8026-5fbc276079c9","branchId","ffb00a07-ea43-4082-ba64-10056da20029","branchVersion",1,"latest",true,["D",1781711450885],"fileType","content","---\nname: ui-example\ndescription: Use when you want to ship a live, rendered preview alongside a skill — a self-contained HTML fragment that shows the UI a skill produces. Demonstrates the example feature of this library.\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 `