[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_495":496,"_497":498},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_39":-7,"_139":-5,"_19":140,"_141":142,"_143":144,"_145":146,"_147":148,"_21":149,"_150":151,"_152":153,"_154":30,"_155":156,"_157":24,"_158":-5,"_159":-5,"_160":161},"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","dcm31","name","skillstest","branchName","main","path","skills/ui-example","project",{"_33":89,"_13":14,"_37":90,"_71":-5,"_91":30,"_92":93,"_94":93,"_95":96,"_97":-5,"_31":77,"_98":99,"_100":24,"_101":-5,"_102":-5,"_103":26,"_41":42,"_104":-5,"_105":-5,"_106":-5,"_107":-5,"_108":109,"_110":109,"_111":112,"_113":112,"_114":112,"_115":109,"_116":109,"_52":117,"_118":119,"_120":121,"_122":30},"file",{"_72":86,"_13":87,"_75":85,"_76":30,"_88":-5},"isDirectory",true,"page",0,"history",[32],"hasNext",false,"userId",{"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":-5,"_44":45,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":53,"_21":54,"_55":-5,"_56":57,"_58":-5,"_59":60,"_61":62},"id","09ceecd6-a180-44dc-a735-ce36cbf84458","branchId","dcc06f7d-5fc9-4325-8e89-1880ab327d59","createdAt",["D",1781044706180],"version",1,"orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","parentId","incomingCommitId","b28d1fec-3162-47ef-bbc0-2b4bba39b265","aiChatMessageId","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_33":77,"_41":42,"_11":12,"_78":79},{"_72":83,"_13":84,"_75":85,"_76":30},"pull","merge",{"_35":69,"_13":16,"_39":70,"_71":-5},"revert","multiple",{"_80":81,"_82":26},"commits",[63,64],{"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":-5,"_44":45,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":53,"_21":54,"_55":-5,"_56":57,"_58":-5},{"_33":34,"_35":36,"_37":65,"_39":40,"_41":42,"_43":-5,"_44":45,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":66,"_21":67,"_55":-5,"_56":68,"_58":-5},["D",1781044706180],{"_33":77,"_41":42,"_11":12,"_78":79},{"_72":73,"_13":74,"_75":21,"_76":30},{"_35":69,"_13":16,"_39":70,"_71":-5},"7c862450-0674-426e-9c69-ceda93eca788",96,"deletedAt","fileId","019eae89-7c0f-77b8-b541-4ef141aa0da0","SKILL.md","fileType","deleted","9319c175-2593-4f88-ba21-04f2ef7b1c28","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789552799&sig=9e2f7c6ad81bfe0a417f4ee593a56f46019d3f18deb24441c667547de12b5000","count",2,"deletedCount","019eae89-7c0f-77b8-b541-4abf4b4c6159","assets","directory","019eae89-7c0f-77b8-b541-53cf5ec449a7","ui-example","deletedAtVersion","8a7a84c1-8eb0-4663-87c9-80ecd942dde8",["D",1781044706180],"legacyEnvVars","privacy","public","httpPrivacy","description","Shareable agent skill library","imageUrl","pinnedFileId","019eae89-7c0f-77b8-b541-5f709654967b","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_11":12,"_138":79},"org",{"_11":12,"_133":134,"_78":79,"_31":77,"_135":136,"_137":30},"branch",{"_39":40,"_13":16,"_33":36,"_123":89,"_124":69,"_125":126,"_127":93,"_128":129,"_130":42,"_131":14,"_132":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion",81,"forkedProjectPrivacy","forkedProjectId","6852d2a6-72e8-40e3-b5f0-53b7f8f82e7f","forkedProjectOrgId","projectName","userHandle","displayName","Charlie","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":89,"_13":14,"_37":491,"_71":-5,"_91":30,"_92":93,"_94":93,"_95":96,"_97":-5,"_31":77,"_98":99,"_100":24,"_101":-5,"_102":-5,"_103":26,"_41":42,"_104":-5,"_105":-5,"_106":-5,"_107":-5,"_108":109,"_110":109,"_111":112,"_113":112,"_114":112,"_115":109,"_116":109,"_52":492,"_118":493,"_120":494,"_122":30},"tree",[196,203,205,208,218,233,234,235],"files",[196,197,198,199,200,201,202,203,204,205,206,207,208,209,210,211,212,213,214,215,216,217,218,219,220,221,222,223,224,225,226,227,228,229,230,231,232,233,234,235],"counts",{"_186":26,"_187":40,"_188":26,"_189":190,"_191":192},"contents",[177,178],{"_33":169,"_13":87,"_72":86,"_43":170,"_35":36,"_171":40,"_172":24,"_37":173,"_39":26,"_75":85,"_174":-5,"_76":30,"_175":-5,"_17":176},"upstreamProject",{"_33":129,"_13":167,"_95":96,"_97":-5,"_92":93,"_52":168},"upstreamBranch",{"_33":69,"_37":162,"_163":164,"_13":16,"_123":129,"_39":70,"_124":-5,"_125":-5,"_165":166,"_71":-5,"_122":30,"_92":93,"_132":12,"_41":42,"_131":167},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1780679910053],"updatedAt",["D",1781113983230],"lockfileKey","1781113999708-esm.town_v_dcm31_skills@96-main","skills",{"_11":12,"_138":79},"38672d3c-58e7-48b0-ae45-429108397ac7","019eae89-7c0f-77b8-b541-549e21b2b8cd","branchVersion","latest",["D",1781044706180],"content","label",[167,87],{"_33":183,"_13":84,"_72":83,"_43":86,"_35":36,"_171":40,"_172":24,"_37":184,"_39":26,"_75":85,"_174":-5,"_76":30,"_175":-5,"_17":185},{"_33":179,"_13":74,"_72":73,"_43":86,"_35":36,"_171":40,"_172":24,"_37":180,"_39":26,"_75":21,"_174":181,"_76":30,"_175":-5,"_17":182},"a0ebfb69-5881-467c-99dd-49c3d516b4d7",["D",1781044706180],"---\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 `

History · ui-example