{props.skill.category}

{props.skill.name}

{props.skill.description}

\n {/* Copy button: clipboard wiring in frontend/client.js via [data-copy]. */}\n \n Copy skill\n \n

\n {/* Live example preview — only for skills that ship an examples/ fragment. */}\n {props.exampleHtml\n ? (\n

Examples

\n \n Open standalone ↗\n \n

\n \n

\n )\n : null}\n

\n \n

\n \n);\n",[18,77],"b4eae787-4e0a-47cd-a708-472782b9747f",["D",1781711450885],"/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\n\n// Plain defaults: system font (Twind `font-sans`), neutral palette, one blue\n// accent. The scoped block styles marked's rendered markdown (which can't carry\n// Twind utility classes) plus a small uppercase `.eyebrow` label helper.\nconst CONTENT_CSS = `\n.eyebrow{font-size:11px;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;color:#a3a3a3}\n.md{margin-bottom:32px}\n.md h1,.md h2,.md h3,.md h4{margin-top:32px;margin-bottom:8px;font-weight:600}\n.md h1{font-size:24px}.md h2{font-size:20px}.md h3{font-size:16px}\n.md p{margin-bottom:16px}\n.md ul,.md ol{margin:8px 0 16px 24px}\n.md ul{list-style:disc}.md ol{list-style:decimal}\n.md li{margin-bottom:4px}\n.md pre{background:#f5f5f5;padding:16px;border-radius:8px;overflow-x:auto;font-size:13px;line-height:1.5;margin:8px 0 16px}\n.md code{background:#f5f5f5;padding:2px 6px;border-radius:6px;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}\n.md pre code{background:none;padding:0}\n.md table{border-collapse:collapse;width:100%;margin:8px 0 16px}\n.md th,.md td{border:1px solid #e5e5e5;padding:8px 12px;text-align:left;font-size:14px}\n.md th{background:#fafafa;font-weight:600}\n.md blockquote{border-left:3px solid #e5e5e5;padding:8px 16px;margin:8px 0 16px;color:#525252}\n.md hr{border:none;border-top:1px solid #e5e5e5;margin:32px 0}\n.md strong{font-weight:600}\n.md a{color:#2563eb;text-decoration:underline;text-underline-offset:2px}\n.file-view pre{background:#f5f5f5;padding:16px;border-radius:8px;overflow-x:auto;font-size:13px;line-height:1.6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}\n`;\n\nconst DEFAULT_DESC =\n \"A shared library of reusable agent skills. Fork it and drop in your own.\";\n\nexport const Layout = (props: {\n title: string;\n children?: unknown;\n client?: boolean;\n baseUrl?: string;\n description?: string;\n}) => {\n const desc = props.description ?? DEFAULT_DESC;\n const ogImage = props.baseUrl ? `${props.baseUrl}/og.png` : \"/og.png\";\n return (\n <>\n {raw(\"\")}\n \n \n \n \n {props.title}\n \n \n \n \n \n {props.baseUrl ? : null}\n \n \n \n \n \n \n

History · components