[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6F8TKBXN4T3FKM2Q77ZX4WN":3,"skill-same:01M6F8TKBXN4T3FKM2Q77ZX4WN":81},{"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":6,"sourceHtmlUrl":15,"categories":16,"keywords":22,"publishedAt":47,"linkOnly":48,"markdownContent":49,"markdownBody":50,"frontMatter":51,"refName":32,"commitSha":61,"skillDirectory":62,"forksCount":63,"repositoryHtmlUrl":64,"repositoryHomepageUrl":6,"ownerHtmlUrl":65,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":66,"install":67,"resources":80},"01M6F8TKBXN4T3FKM2Q77ZX4WN","markstream-nuxt",null,"Integrate markstream-vue into Nuxt 3 or 4 with SSR-safe client boundaries, renderer modes, explicit CSS, and browser-only optional peers.","boisenoise\u002Fskills-collections","boisenoise","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F193180?v=4","01M6CDBDQK6BDN55ZMA6B6PKBM","01M6CDBDVSJ3JPTBYN26FZ7TZK",12,"MIT","https:\u002F\u002Fgithub.com\u002Fboisenoise\u002Fskills-collections\u002Fblob\u002Fmain\u002Fskills\u002Fantigravity-markstream-nuxt\u002FSKILL.md",[17],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",[23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46],"markstream nuxt","nuxt","markdown","blob","modes","renderer","tree","with","critical","main","only","cursor","frontend","https","streaming","license","browser","ssr","official","codex","github","gemini","safe","css","2026-11-10 10:12:30",false,"---\nname: markstream-nuxt\ndescription: \"Integrate markstream-vue into Nuxt 3 or 4 with SSR-safe client boundaries, renderer modes, explicit CSS, and browser-only optional peers.\"\ncategory: frontend\nrisk: critical\nsource: https:\u002F\u002Fgithub.com\u002FSimon-He95\u002Fmarkstream-vue\u002Ftree\u002Fmain\u002F.agents\u002Fskills\u002Fmarkstream-nuxt\nsource_repo: Simon-He95\u002Fmarkstream-vue\nsource_type: official\ndate_added: \"2026-07-21\"\nauthor: Simon-He95\ntags: [nuxt, vue, ssr, markdown, streaming]\ntools: [claude, cursor, gemini, codex]\nlicense: MIT\nlicense_source: https:\u002F\u002Fgithub.com\u002FSimon-He95\u002Fmarkstream-vue\u002Fblob\u002Fmain\u002Flicense\n---\n\n# Markstream Nuxt\n\n## Overview\n\nIntegrate `markstream-vue` into Nuxt while keeping hydration, browser-only peers, workers, and streaming behavior on the correct side of SSR boundaries.\n\n## When to Use\n\nUse for Nuxt 3 or 4 pages, components, or plugins. Use `markstream-vue` for non-Nuxt Vue applications and `markstream-install` when the framework is not yet known.\n\n## Workflow\n\nInspect the existing package manager, installed package version and project conventions. A requested scoped integration already authorizes routine source\u002Fdependency edits; seek approval only for a material scope expansion or unresolved beta\u002Falpha adoption decision.\n\n1. Confirm Nuxt 3 or 4 and install only requested peers.\n2. Put browser-only peers behind `\u003CClientOnly>`, `.client` plugins, dynamic imports, or guarded initialization.\n3. Import `markstream-vue\u002Findex.css` explicitly from a client-safe shell or plugin.\n4. Start with `content`: `mode=\"chat\"` for AI streams, `docs` for rich documents, and `minimal` for lightweight non-chat surfaces.\n5. Keep smooth streaming in `auto` mode for SSR; do not force `true` on first-screen server content.\n6. When a chat row completes, keep its mode stable, set `final`, disable pacing\u002Fcursor, and enable fade only if desired.\n7. Keep HTML safe and Mermaid strict. Put optional code, diagram, and worker runtimes behind client boundaries.\n8. Validate build\u002Ftypecheck, hydration, and one incremental client update.\n\n## Example\n\n```vue\n\u003Cscript setup lang=\"ts\">\nimport MarkdownRender from 'markstream-vue'\nimport 'markstream-vue\u002Findex.css'\n\ndefineProps\u003C{ markdown: string; done: boolean }>()\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CMarkdownRender\n    mode=\"chat\"\n    :content=\"markdown\"\n    :final=\"done\"\n    :fade=\"done\"\n    :typewriter=\"!done\"\n    :smooth-streaming=\"done ? false : 'auto'\"\n    html-policy=\"safe\"\n  \u002F>\n\u003C\u002Ftemplate>\n```\n\n## Limitations\n\n- Browser-only peers cannot run during SSR.\n- Hydration depends on correct host plugin\u002Fcomponent boundaries.\n- This skill does not configure deployment adapters.\n\n## Security & Safety Notes\n\nDo not expose trusted HTML or loose Mermaid settings to untrusted model output. Review dependency and runtime-boundary changes.\n\nVerify props, export paths and peer ranges against the installed package, not a mutable upstream main. Test partial and completed streams, malformed\u002Funtrusted Markdown, links and image URLs, cancellation and reduced motion. Safe HTML and strict diagrams reduce exposure but do not alone enforce URL\u002Fnetwork privacy or application component permissions.\n","# Markstream Nuxt\n\n## Overview\n\nIntegrate `markstream-vue` into Nuxt while keeping hydration, browser-only peers, workers, and streaming behavior on the correct side of SSR boundaries.\n\n## When to Use\n\nUse for Nuxt 3 or 4 pages, components, or plugins. Use `markstream-vue` for non-Nuxt Vue applications and `markstream-install` when the framework is not yet known.\n\n## Workflow\n\nInspect the existing package manager, installed package version and project conventions. A requested scoped integration already authorizes routine source\u002Fdependency edits; seek approval only for a material scope expansion or unresolved beta\u002Falpha adoption decision.\n\n1. Confirm Nuxt 3 or 4 and install only requested peers.\n2. Put browser-only peers behind `\u003CClientOnly>`, `.client` plugins, dynamic imports, or guarded initialization.\n3. Import `markstream-vue\u002Findex.css` explicitly from a client-safe shell or plugin.\n4. Start with `content`: `mode=\"chat\"` for AI streams, `docs` for rich documents, and `minimal` for lightweight non-chat surfaces.\n5. Keep smooth streaming in `auto` mode for SSR; do not force `true` on first-screen server content.\n6. When a chat row completes, keep its mode stable, set `final`, disable pacing\u002Fcursor, and enable fade only if desired.\n7. Keep HTML safe and Mermaid strict. Put optional code, diagram, and worker runtimes behind client boundaries.\n8. Validate build\u002Ftypecheck, hydration, and one incremental client update.\n\n## Example\n\n```vue\n\u003Cscript setup lang=\"ts\">\nimport MarkdownRender from 'markstream-vue'\nimport 'markstream-vue\u002Findex.css'\n\ndefineProps\u003C{ markdown: string; done: boolean }>()\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CMarkdownRender\n    mode=\"chat\"\n    :content=\"markdown\"\n    :final=\"done\"\n    :fade=\"done\"\n    :typewriter=\"!done\"\n    :smooth-streaming=\"done ? false : 'auto'\"\n    html-policy=\"safe\"\n  \u002F>\n\u003C\u002Ftemplate>\n```\n\n## Limitations\n\n- Browser-only peers cannot run during SSR.\n- Hydration depends on correct host plugin\u002Fcomponent boundaries.\n- This skill does not configure deployment adapters.\n\n## Security & Safety Notes\n\nDo not expose trusted HTML or loose Mermaid settings to untrusted model output. Review dependency and runtime-boundary changes.\n\nVerify props, export paths and peer ranges against the installed package, not a mutable upstream main. Test partial and completed streams, malformed\u002Funtrusted Markdown, links and image URLs, cancellation and reduced motion. Safe HTML and strict diagrams reduce exposure but do not alone enforce URL\u002Fnetwork privacy or application component permissions.\n",{"name":5,"risk":31,"tags":52,"tools":54,"author":56,"source":57,"license":14,"category":35,"date_added":58,"description":7,"source_repo":59,"source_type":41,"license_source":60},[24,53,40,25,37],"vue",[55,34,44,42],"claude","Simon-He95","https:\u002F\u002Fgithub.com\u002FSimon-He95\u002Fmarkstream-vue\u002Ftree\u002Fmain\u002F.agents\u002Fskills\u002Fmarkstream-nuxt","2026-07-21","Simon-He95\u002Fmarkstream-vue","https:\u002F\u002Fgithub.com\u002FSimon-He95\u002Fmarkstream-vue\u002Fblob\u002Fmain\u002Flicense","7bf2279c8a65758319526a721d5c4b75683aec9c","skills\u002Fantigravity-markstream-nuxt",3,"https:\u002F\u002Fgithub.com\u002Fboisenoise\u002Fskills-collections","https:\u002F\u002Fgithub.com\u002Fboisenoise","2026-11-13 14:20:47",{"source":8,"skillName":5,"commands":68,"prompt":78,"zipAvailable":79},[69,72,75],{"tool":70,"command":71},"npx","npx skills add boisenoise\u002Fskills-collections --skill markstream-nuxt",{"tool":73,"command":74},"bunx","bunx skills add boisenoise\u002Fskills-collections --skill markstream-nuxt",{"tool":76,"command":77},"pnpm","pnpm dlx skills add boisenoise\u002Fskills-collections --skill markstream-nuxt","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fboisenoise\u002Fskills-collections\u002Fblob\u002Fmain\u002Fskills\u002Fantigravity-markstream-nuxt\u002FSKILL.md",true,[],[82,108,130,155,174,197],{"skillNo":83,"name":84,"nameZh":6,"description":85,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":86,"licenseFileUrl":87,"sourceHtmlUrl":88,"categories":89,"keywords":90,"publishedAt":47},"01M6WNH92BHVFXHGPDZCPJ0AG0","web-access","Use Treg for public web or platform data only when existing search, browser and connected tools cannot cover the task, with explicit cost and data boundaries.","Apache-2.0","https:\u002F\u002Fgithub.com\u002Fboisenoise\u002Fskills-collections\u002Fblob\u002Fmain\u002Fskills\u002Fantigravity-web-access\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fboisenoise\u002Fskills-collections\u002Fblob\u002Fmain\u002Fskills\u002Fantigravity-web-access\u002FSKILL.md",[],[91,92,93,41,94,39,95,96,97,98,99,33,100,101,102,31,103,104,105,106,107],"web","access","web access","development","search","data","Tools","read","fetch","youtube","free tools","platform","free","cover","normal","when","2026",{"skillNo":109,"name":110,"nameZh":6,"description":111,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":86,"licenseFileUrl":112,"sourceHtmlUrl":113,"categories":114,"keywords":118,"publishedAt":47},"01M6WNF9XAYAB2CZDDJBAKNM93","treg","Use the Treg CLI or MCP catalog to discover, price and call authorized external tools with team-scoped credentials and a user-approved budget.","https:\u002F\u002Fgithub.com\u002Fboisenoise\u002Fskills-collections\u002Fblob\u002Fmain\u002Fskills\u002Fantigravity-treg\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fboisenoise\u002Fskills-collections\u002Fblob\u002Fmain\u002Fskills\u002Fantigravity-treg\u002FSKILL.md",[115],{"categoryNo":116,"categoryName":117,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发",[110,119,120,43,41,94,38,97,121,122,123,124,125,126,127,31,128,30,129,26,107],"MCP","cli","Budget","credentials","team","catalog","use","call","discover","external tools","scoped",{"skillNo":131,"name":132,"nameZh":6,"description":133,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":86,"licenseFileUrl":134,"sourceHtmlUrl":135,"categories":136,"keywords":142,"publishedAt":47},"01M6WN93MEAZ4E41DYAHJRPHQT","recruit","Turn a job description into an evidence-linked candidate shortlist through Treg, with job-related ranking and optional authorized business contact enrichment.","https:\u002F\u002Fgithub.com\u002Fboisenoise\u002Fskills-collections\u002Fblob\u002Fmain\u002Fskills\u002Fantigravity-recruit\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fboisenoise\u002Fskills-collections\u002Fblob\u002Fmain\u002Fskills\u002Fantigravity-recruit\u002FSKILL.md",[137],{"categoryNo":138,"categoryName":139,"taxonomyType":140,"taxonomyTypeDesc":141},"01JBSEEDCAT000000000000038","人力资源","PROFESSION","适用职业",[132,43,41,38,36,143,144,145,146,147,31,148,149,150,30,151,152,153,154,26,110,107],"email","enrichment","business","evidence","phone","ranking","post","job description","for","person","candidate","reason",{"skillNo":156,"name":157,"nameZh":6,"description":158,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":86,"licenseFileUrl":159,"sourceHtmlUrl":160,"categories":161,"keywords":162,"publishedAt":47},"01M6WN8R5RXSMHM9B4D9FAFX42","rea-growth","Analyze a company’s public growth and content through Treg, distinguish observations from hypotheses, and produce an evidence-linked playbook within an approved budget.","https:\u002F\u002Fgithub.com\u002Fboisenoise\u002Fskills-collections\u002Fblob\u002Fmain\u002Fskills\u002Fantigravity-rea-growth\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fboisenoise\u002Fskills-collections\u002Fblob\u002Fmain\u002Fskills\u002Fantigravity-rea-growth\u002FSKILL.md",[],[163,164,165,43,41,38,166,167,36,168,121,169,170,171,146,31,172,173,26,110,107],"growth","rea","rea growth","produce","content","playbook","marketing","analyze","public","observations","company",{"skillNo":175,"name":176,"nameZh":6,"description":177,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":86,"licenseFileUrl":178,"sourceHtmlUrl":179,"categories":180,"keywords":181,"publishedAt":47},"01M6WN2EVE3RQRGWAKBT4S7YT2","make-ugc","Create original AI UGC-style product videos through Treg: research hooks, approve a licensed presenter and voice, generate clips, add captions and report costs.","https:\u002F\u002Fgithub.com\u002Fboisenoise\u002Fskills-collections\u002Fblob\u002Fmain\u002Fskills\u002Fantigravity-make-ugc\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fboisenoise\u002Fskills-collections\u002Fblob\u002Fmain\u002Fskills\u002Fantigravity-make-ugc\u002FSKILL.md",[],[182,183,43,184,41,185,38,186,187,188,189,190,31,191,192,193,194,195,196,26],"make","make ugc","research","create","Video","Captions","ads","short","hooks","head","style","niche","trending","talking-head","approve",{"skillNo":198,"name":199,"nameZh":6,"description":200,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":86,"licenseFileUrl":201,"sourceHtmlUrl":202,"categories":203,"keywords":204,"publishedAt":47},"01M6WN10ARAA63Y8K1YNGXJ2RM","lead-signals","Find and qualify public buying signals through Treg, rank fitting business accounts and optionally enrich authorized business contact information.","https:\u002F\u002Fgithub.com\u002Fboisenoise\u002Fskills-collections\u002Fblob\u002Fmain\u002Fskills\u002Fantigravity-lead-signals\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fboisenoise\u002Fskills-collections\u002Fblob\u002Fmain\u002Fskills\u002Fantigravity-lead-signals\u002FSKILL.md",[],[205,206,207,43,41,38,208,209,145,210,211,31,212,213,214,215,216,217,218,26],"signals","lead","lead signals","how","find","ready","as","how to","qualify","people","information","enrich","changes","funding"]