[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71SBRZTY2Q7QDYG1SNBHJDV":3,"skill-same:01M71SBRZTY2Q7QDYG1SNBHJDV":103},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":15,"sourceHtmlUrl":16,"categories":17,"keywords":26,"publishedAt":43,"linkOnly":44,"markdownContent":45,"markdownBody":46,"frontMatter":47,"refName":52,"commitSha":53,"skillDirectory":54,"forksCount":55,"repositoryHtmlUrl":56,"repositoryHomepageUrl":57,"ownerHtmlUrl":58,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":59,"install":60,"resources":72},"01M71SBRZTY2Q7QDYG1SNBHJDV","html",null,"Create inline HTML documents with CSS and embedded JavaScript in Pioneer messages, including interactive calculators, charts, and small working interfaces. Do not use for ordinary application edits merely involving HTML.","pioneerdotai\u002Fpioneer","pioneerdotai","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F267592302?v=4","01M71SB358NQ2T40CJFEXCAZKV","01M71SB35YBM3GPT0PWWSPMPF7",21,"MIT","https:\u002F\u002Fgithub.com\u002Fpioneerdotai\u002Fpioneer\u002Fblob\u002Fmain\u002Fresources\u002Fskills\u002Fpioneer\u002Fhtml\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fpioneerdotai\u002Fpioneer\u002Fblob\u002Fmain\u002Fresources\u002Fskills\u002Fpioneer\u002Fhtml\u002FSKILL.md",[18,23],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",[5,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"do","application","embedded","with","javascript","interactive","use","true","for","inline","create","documents","false","messages","Charts","css","2026-11-10 13:02:02",false,"---\nname: html\nslug: html\nowner: pioneer\ndescription: \"Create inline HTML documents with CSS and embedded JavaScript in Pioneer messages, including interactive calculators, charts, and small working interfaces. Do not use for ordinary application edits merely involving HTML.\"\nversion: \"0.1.0\"\nuser-invocable: true\ndisable-model-invocation: false\nimplicit-invocation: required\ncatalog-hide: true\n---\n\n# Pioneer Inline HTML and JavaScript\n\nInline HTML supports CSS and embedded JavaScript that runs inside the document. Use JavaScript for working calculators, filters, tabs, scenario controls, and charts that respond to user input. Keep reading-focused documents static when interaction adds no value.\n\nUse inline HTML to make relationships, comparisons, data, or interactive calculations easier to understand. Choose the form from the user's question: a document for reading, aligned rows for comparison, a diagram for relationships, a chart or table for data, or a small working interface for exploration. Plain text is sufficient for simple answers.\n\n## Workflow\n\n1. Prepare one complete HTML document with ready-to-run CSS and JavaScript. No TypeScript, TSX, or required build step.\n2. When `html_preview` is available and image input is supported, call it using the callable name in the current runtime catalog.\n3. For a successful preview, inspect all six real images and each frame's diagnostics: light at 360, 768, 1024 CSS px, then dark at the same widths. Correct clipping, overflow, contrast, layout, script errors, and truncated captures; preview again as needed.\n4. Publish the finished version with permitted `html_render`. It already saves and publishes the document; do not add `artifact_register`. Iterate through preview rather than publishing drafts.\n5. Add only necessary text that complements the HTML. Follow the current answer delivery and review rules; HTML does not bypass them.\n\nIf preview is unavailable, or image capability is explicitly unsupported or unconfirmed, do not repeat a known unsupported preview without changed conditions. Do not claim visual verification. You may publish with permitted `html_render` while clearly telling the user that visual verification was unavailable. If visual verification is necessary for a reliable result, provide a text answer instead. The document must still support both themes.\n\nPreview checks initial rendering in both standard Pioneer themes, not every interaction or every future custom palette. Exercise interactions when an authorized tool supports it; never claim actions were tested from static screenshots alone.\n\n## Host contract\n\nAdapt to message width and let content determine height. Do not add an outer decorative page shell, horizontal page padding, or viewport-height layouts that interfere with height measurement. Contain intentionally wide tables or diagrams locally.\n\nUse host-provided `--pioneer-*` variables for primary styles. Support both light and dark and live theme updates. Never redefine reserved host tokens with a fixed palette. The application supplies the actual theme; `prefers-color-scheme` alone cannot determine the user's Pioneer choice. JavaScript-rendered Canvas\u002Fcharts must reread computed tokens and redraw on `pioneer-theme`.\n\nInternal controls must work within the document. HTML buttons cannot call agent tools, send chat messages, or grant permissions. Do not promise persistent DOM state: the webview may be recreated.\n\n## Read the matching references\n\n- Always read [references\u002Ftheme-and-layout.md](references\u002Ftheme-and-layout.md) before styling.\n- Read [references\u002Ftools-and-runtime.md](references\u002Ftools-and-runtime.md) for tool inputs, diagnostics, publication, and environment limits.\n- Read [references\u002Fdocuments-and-plans.md](references\u002Fdocuments-and-plans.md) for documents, comparisons, plans, and roadmaps.\n- Read [references\u002Fdiagrams.md](references\u002Fdiagrams.md) for architecture, sequence, topology, and state.\n- Read [references\u002Fcharts-and-data.md](references\u002Fcharts-and-data.md) for charts, tables, and quantitative claims.\n- Read [references\u002Finteractive-content.md](references\u002Finteractive-content.md) for calculators and working interfaces.\n\nIn native runtime, use the exact `skill:\u003Cid>` from Internal Skill References; resolve package paths under the returned `skill_asset_root`. In Codex, Claude, and OpenCode, `system:pioneer\u002Fhtml` means the exported `pioneer-system-html` skill; resolve references relative to its loaded directory. Use only tools actually present in the runtime catalog. Skills do not grant permissions.\n","# Pioneer Inline HTML and JavaScript\n\nInline HTML supports CSS and embedded JavaScript that runs inside the document. Use JavaScript for working calculators, filters, tabs, scenario controls, and charts that respond to user input. Keep reading-focused documents static when interaction adds no value.\n\nUse inline HTML to make relationships, comparisons, data, or interactive calculations easier to understand. Choose the form from the user's question: a document for reading, aligned rows for comparison, a diagram for relationships, a chart or table for data, or a small working interface for exploration. Plain text is sufficient for simple answers.\n\n## Workflow\n\n1. Prepare one complete HTML document with ready-to-run CSS and JavaScript. No TypeScript, TSX, or required build step.\n2. When `html_preview` is available and image input is supported, call it using the callable name in the current runtime catalog.\n3. For a successful preview, inspect all six real images and each frame's diagnostics: light at 360, 768, 1024 CSS px, then dark at the same widths. Correct clipping, overflow, contrast, layout, script errors, and truncated captures; preview again as needed.\n4. Publish the finished version with permitted `html_render`. It already saves and publishes the document; do not add `artifact_register`. Iterate through preview rather than publishing drafts.\n5. Add only necessary text that complements the HTML. Follow the current answer delivery and review rules; HTML does not bypass them.\n\nIf preview is unavailable, or image capability is explicitly unsupported or unconfirmed, do not repeat a known unsupported preview without changed conditions. Do not claim visual verification. You may publish with permitted `html_render` while clearly telling the user that visual verification was unavailable. If visual verification is necessary for a reliable result, provide a text answer instead. The document must still support both themes.\n\nPreview checks initial rendering in both standard Pioneer themes, not every interaction or every future custom palette. Exercise interactions when an authorized tool supports it; never claim actions were tested from static screenshots alone.\n\n## Host contract\n\nAdapt to message width and let content determine height. Do not add an outer decorative page shell, horizontal page padding, or viewport-height layouts that interfere with height measurement. Contain intentionally wide tables or diagrams locally.\n\nUse host-provided `--pioneer-*` variables for primary styles. Support both light and dark and live theme updates. Never redefine reserved host tokens with a fixed palette. The application supplies the actual theme; `prefers-color-scheme` alone cannot determine the user's Pioneer choice. JavaScript-rendered Canvas\u002Fcharts must reread computed tokens and redraw on `pioneer-theme`.\n\nInternal controls must work within the document. HTML buttons cannot call agent tools, send chat messages, or grant permissions. Do not promise persistent DOM state: the webview may be recreated.\n\n## Read the matching references\n\n- Always read [references\u002Ftheme-and-layout.md](references\u002Ftheme-and-layout.md) before styling.\n- Read [references\u002Ftools-and-runtime.md](references\u002Ftools-and-runtime.md) for tool inputs, diagnostics, publication, and environment limits.\n- Read [references\u002Fdocuments-and-plans.md](references\u002Fdocuments-and-plans.md) for documents, comparisons, plans, and roadmaps.\n- Read [references\u002Fdiagrams.md](references\u002Fdiagrams.md) for architecture, sequence, topology, and state.\n- Read [references\u002Fcharts-and-data.md](references\u002Fcharts-and-data.md) for charts, tables, and quantitative claims.\n- Read [references\u002Finteractive-content.md](references\u002Finteractive-content.md) for calculators and working interfaces.\n\nIn native runtime, use the exact `skill:\u003Cid>` from Internal Skill References; resolve package paths under the returned `skill_asset_root`. In Codex, Claude, and OpenCode, `system:pioneer\u002Fhtml` means the exported `pioneer-system-html` skill; resolve references relative to its loaded directory. Use only tools actually present in the runtime catalog. Skills do not grant permissions.\n",{"name":5,"slug":5,"owner":48,"version":49,"description":7,"catalog-hide":50,"user-invocable":50,"implicit-invocation":51,"disable-model-invocation":44},"pioneer","0.1.0",true,"required","main","16f100cf66fa2614fbb4112d4b27cf8d792012e0","resources\u002Fskills\u002Fpioneer\u002Fhtml",3,"https:\u002F\u002Fgithub.com\u002Fpioneerdotai\u002Fpioneer","https:\u002F\u002Fgetpioneer.dev","https:\u002F\u002Fgithub.com\u002Fpioneerdotai","2026-11-12 03:48:45",{"source":8,"skillName":5,"commands":61,"prompt":71,"zipAvailable":50},[62,65,68],{"tool":63,"command":64},"npx","npx skills add pioneerdotai\u002Fpioneer --skill html",{"tool":66,"command":67},"bunx","bunx skills add pioneerdotai\u002Fpioneer --skill html",{"tool":69,"command":70},"pnpm","pnpm dlx skills add pioneerdotai\u002Fpioneer --skill html","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fpioneerdotai\u002Fpioneer\u002Fblob\u002Fmain\u002Fresources\u002Fskills\u002Fpioneer\u002Fhtml\u002FSKILL.md",[73,77,83,87,91,95,99],{"path":74,"resourceType":74,"resourceTypeDesc":75,"sizeBytes":76,"sourceHtmlUrl":15},"LICENSE","许可证",1068,{"path":78,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":81,"sourceHtmlUrl":82},"references\u002Fcharts-and-data.md","REFERENCE","参考文档",2022,"https:\u002F\u002Fgithub.com\u002Fpioneerdotai\u002Fpioneer\u002Fblob\u002Fmain\u002Fresources\u002Fskills\u002Fpioneer\u002Fhtml\u002Freferences\u002Fcharts-and-data.md",{"path":84,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":85,"sourceHtmlUrl":86},"references\u002Fdiagrams.md",4473,"https:\u002F\u002Fgithub.com\u002Fpioneerdotai\u002Fpioneer\u002Fblob\u002Fmain\u002Fresources\u002Fskills\u002Fpioneer\u002Fhtml\u002Freferences\u002Fdiagrams.md",{"path":88,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":89,"sourceHtmlUrl":90},"references\u002Fdocuments-and-plans.md",2021,"https:\u002F\u002Fgithub.com\u002Fpioneerdotai\u002Fpioneer\u002Fblob\u002Fmain\u002Fresources\u002Fskills\u002Fpioneer\u002Fhtml\u002Freferences\u002Fdocuments-and-plans.md",{"path":92,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":93,"sourceHtmlUrl":94},"references\u002Finteractive-content.md",1937,"https:\u002F\u002Fgithub.com\u002Fpioneerdotai\u002Fpioneer\u002Fblob\u002Fmain\u002Fresources\u002Fskills\u002Fpioneer\u002Fhtml\u002Freferences\u002Finteractive-content.md",{"path":96,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":97,"sourceHtmlUrl":98},"references\u002Ftheme-and-layout.md",1593,"https:\u002F\u002Fgithub.com\u002Fpioneerdotai\u002Fpioneer\u002Fblob\u002Fmain\u002Fresources\u002Fskills\u002Fpioneer\u002Fhtml\u002Freferences\u002Ftheme-and-layout.md",{"path":100,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":101,"sourceHtmlUrl":102},"references\u002Ftools-and-runtime.md",2194,"https:\u002F\u002Fgithub.com\u002Fpioneerdotai\u002Fpioneer\u002Fblob\u002Fmain\u002Fresources\u002Fskills\u002Fpioneer\u002Fhtml\u002Freferences\u002Ftools-and-runtime.md",[104,125,147,167,191,213],{"skillNo":105,"name":106,"nameZh":6,"description":107,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":108,"categories":109,"keywords":111,"publishedAt":43},"01M71SC6J236HF21HBM63EBPYJ","threads","Use this skill to find and read accessible conversations, follow saved sources and child threads, read saved tool results, create a conversation, send a message, or start a permitted thread turn.","https:\u002F\u002Fgithub.com\u002Fpioneerdotai\u002Fpioneer\u002Fblob\u002Fmain\u002Fresources\u002Fskills\u002Fpioneer\u002Fthreads\u002FSKILL.md",[110],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[106,112,113,114,115,39,37,116,117,118,119,120,34,33,121,122,123,124],"conversation","sources","conversations","send","child","message","read","start","tool","thread","saved","results","find",{"skillNo":126,"name":127,"nameZh":6,"description":128,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":129,"categories":130,"keywords":132,"publishedAt":43},"01M71SC3B8PGF9J54B4N1R1NR5","tasks","Use this skill when Pioneer should create, inspect, update, reschedule, pause, resume, finish, cancel, troubleshoot, or configure delivery for durable tasks, scheduled tasks, recurring tasks, interval tasks, cron jobs, background work, or existing task state.","https:\u002F\u002Fgithub.com\u002Fpioneerdotai\u002Fpioneer\u002Fblob\u002Fmain\u002Fresources\u002Fskills\u002Fpioneer\u002Ftasks\u002FSKILL.md",[131],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[127,133,134,39,135,136,37,137,138,139,140,141,142,143,144,145,35,34,33,146],"inspect","scheduled","when","configure","work","delivery","update","troubleshoot","finish","cron","cron jobs","recurring","pause","Existing",{"skillNo":148,"name":149,"nameZh":6,"description":150,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":151,"categories":152,"keywords":154,"publishedAt":43},"01M71SC0H4QYYZD9THQZ5VAB02","subagents","Use this skill when Pioneer should delegate current-turn work to attached task-backed subagents, coordinate parallel child agents, wait for child results, review\u002Frevise\u002Faccept\u002Fcancel\u002Fdetach attached work, or synthesize accepted child results into the parent answer.","https:\u002F\u002Fgithub.com\u002Fpioneerdotai\u002Fpioneer\u002Fblob\u002Fmain\u002Fresources\u002Fskills\u002Fpioneer\u002Fsubagents\u002FSKILL.md",[153],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[149,155,156,157,39,135,158,159,137,116,160,161,162,35,163,34,33,164,165,166],"coordinate","wait for","delegate","synthesize","review","wait","revise","parallel","answer","accept","cancel","task",{"skillNo":168,"name":169,"nameZh":6,"description":170,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":171,"categories":172,"keywords":174,"publishedAt":43},"01M71SBXY8K4DRC54QVE4P9VMS","runtime-diagnostics","Investigate Pioneer Gateway or desktop CPU, memory, slow work, queues, and runtime stalls using process metrics, local snapshots, bounded native profiles, and exact release symbols. Use for Pioneer performance diagnosis and interpreting its diagnostic artifacts.","https:\u002F\u002Fgithub.com\u002Fpioneerdotai\u002Fpioneer\u002Fblob\u002Fmain\u002Fresources\u002Fskills\u002Fpioneer\u002Fruntime-diagnostics\u002FSKILL.md",[173],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[175,176,177,178,179,180,39,181,137,182,183,184,185,186,187,188,189,35,190,34],"diagnostics","runtime","runtime diagnostics","memory","performance","local","snapshots","native","CPU","diagnosis","release","queues","bounded","metrics","gateway","profiles",{"skillNo":192,"name":178,"nameZh":6,"description":193,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":194,"categories":195,"keywords":197,"publishedAt":43},"01M71SBV7Q5A9QZCHKK66W7R9J","Use this skill when Pioneer should proactively use durable memory or recalled context: decide whether memory can improve a turn, answer from remembered user\u002Fproject facts, request memory tools, search\u002Flist\u002Fget stored memories, save durable preferences or project decisions, forget memories, audit or clean up memory, or recover from memory tool failures.","https:\u002F\u002Fgithub.com\u002Fpioneerdotai\u002Fpioneer\u002Fblob\u002Fmain\u002Fresources\u002Fskills\u002Fpioneer\u002Fmemory\u002FSKILL.md",[196],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[178,198,199,200,201,202,203,204,205,39,135,206,207,208,209,210,211,212,163,120],"get","project","decide","search","up","clean","improve","memory tools","audit","request","list","Tools","context","save","memories",{"skillNo":214,"name":215,"nameZh":6,"description":216,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":217,"licenseFileUrl":218,"sourceHtmlUrl":219,"categories":220,"keywords":222,"publishedAt":43},"01M71SBNVQPVE7XH2Q50VPJQ3S","browser","Use agent-browser to interact with websites, inspect rendered pages, fill forms, extract data, capture screenshots or PDFs, and test web interfaces. Includes browser-backed QA and CDP-enabled Electron app workflows.","Apache-2.0","https:\u002F\u002Fgithub.com\u002Fpioneerdotai\u002Fpioneer\u002Fblob\u002Fmain\u002Fresources\u002Fskills\u002Fpioneer\u002Fbrowser\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fpioneerdotai\u002Fpioneer\u002Fblob\u002Fmain\u002Fresources\u002Fskills\u002Fpioneer\u002Fbrowser\u002FSKILL.md",[221],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[215,223,224,225,133,226,39,227,228,229,230,231,232,233,234,235,34,236,33,237],"app","cdp","agent-browser","qa","workflows","references","cli","test web","forms","data","screenshots","target","pdfs","pages","electron"]