[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6F8V3PDWDX2GZHT3BBYESJN":3,"skill-same:01M6F8V3PDWDX2GZHT3BBYESJN":82},{"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":34,"commitSha":62,"skillDirectory":63,"forksCount":64,"repositoryHtmlUrl":65,"repositoryHomepageUrl":6,"ownerHtmlUrl":66,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":67,"install":68,"resources":81},"01M6F8V3PDWDX2GZHT3BBYESJN","markstream-vue2-cli",null,"Integrate markstream-vue2 into Vue CLI or Webpack 4 with export-map-safe CSS, CDN worker fallbacks, and conservative code-block defaults.","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-vue2-cli\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],"cli","markstream vue2","markstream vue2 cli","vue2","webpack","frontend","tree","with","critical","worker","map","main","workers","cursor","markdown","cdn","https","license","code","official","codex","github","gemini","css","2026-11-10 10:12:30",false,"---\nname: markstream-vue2-cli\ndescription: \"Integrate markstream-vue2 into Vue CLI or Webpack 4 with export-map-safe CSS, CDN worker fallbacks, and conservative code-block defaults.\"\ncategory: frontend\nrisk: critical\nsource: https:\u002F\u002Fgithub.com\u002FSimon-He95\u002Fmarkstream-vue\u002Ftree\u002Fmain\u002F.agents\u002Fskills\u002Fmarkstream-vue2-cli\nsource_repo: Simon-He95\u002Fmarkstream-vue\nsource_type: official\ndate_added: \"2026-07-21\"\nauthor: Simon-He95\ntags: [vue2, vue-cli, webpack4, markdown, workers]\ntools: [claude, cursor, gemini, codex]\nlicense: MIT\nlicense_source: https:\u002F\u002Fgithub.com\u002FSimon-He95\u002Fmarkstream-vue\u002Fblob\u002Fmain\u002Flicense\n---\n\n# Markstream Vue 2 CLI\n\n## Overview\n\nHandle Vue CLI and Webpack 4 constraints that differ materially from modern Vue 2\u002FVite setup.\n\n## When to Use\n\nUse when Vue 2 runs on Vue CLI or Webpack 4 and package export maps or Vite worker imports are unavailable.\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 Vue 2 plus Vue CLI\u002FWebpack 4.\n2. Install `markstream-vue2` and only requested peers.\n3. Import `markstream-vue2\u002Fdist\u002Findex.css`, because legacy tooling may not understand the CSS export map.\n4. Avoid `?worker` imports. Use Markstream CDN worker helpers for KaTeX or Mermaid only when needed.\n5. Prefer `stream-markdown` code blocks over fragile Monaco worker wiring.\n6. Keep `content` with smooth streaming for chat; set `final` and disable pacing\u002Fcursor for completed history.\n7. Keep HTML safe and Mermaid strict; validate the actual legacy build.\n\n## Example\n\n```vue\n\u003Cscript>\nimport MarkdownRender from 'markstream-vue2'\n\u002F\u002F Legacy Webpack may not resolve the package CSS export map.\nimport 'markstream-vue2\u002Fdist\u002Findex.css'\n\nexport default {\n  components: { MarkdownRender },\n  data: () => ({ content: '# Answer', done: false }),\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CMarkdownRender\n    :content=\"content\"\n    :final=\"done\"\n    :fade=\"false\"\n  \u002F>\n\u003C\u002Ftemplate>\n```\n\n## Limitations\n\n- CDN workers require network access and compatible content-security policy.\n- Monaco-style worker setups are intentionally not covered.\n- Vue 2.6 may also require `@vue\u002Fcomposition-api`.\n\n## Security & Safety Notes\n\nDo not introduce CDN workers without reviewing CSP, network policy, and dependency trust. Preserve safe rendering defaults.\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\nVue 2 is end-of-life; preserve a requested legacy integration and document its maintenance\u002Fsupport decision rather than silently upgrading the whole application. Prefer reviewed locally bundled workers over mutable CDN code where feasible.\n","# Markstream Vue 2 CLI\n\n## Overview\n\nHandle Vue CLI and Webpack 4 constraints that differ materially from modern Vue 2\u002FVite setup.\n\n## When to Use\n\nUse when Vue 2 runs on Vue CLI or Webpack 4 and package export maps or Vite worker imports are unavailable.\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 Vue 2 plus Vue CLI\u002FWebpack 4.\n2. Install `markstream-vue2` and only requested peers.\n3. Import `markstream-vue2\u002Fdist\u002Findex.css`, because legacy tooling may not understand the CSS export map.\n4. Avoid `?worker` imports. Use Markstream CDN worker helpers for KaTeX or Mermaid only when needed.\n5. Prefer `stream-markdown` code blocks over fragile Monaco worker wiring.\n6. Keep `content` with smooth streaming for chat; set `final` and disable pacing\u002Fcursor for completed history.\n7. Keep HTML safe and Mermaid strict; validate the actual legacy build.\n\n## Example\n\n```vue\n\u003Cscript>\nimport MarkdownRender from 'markstream-vue2'\n\u002F\u002F Legacy Webpack may not resolve the package CSS export map.\nimport 'markstream-vue2\u002Fdist\u002Findex.css'\n\nexport default {\n  components: { MarkdownRender },\n  data: () => ({ content: '# Answer', done: false }),\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CMarkdownRender\n    :content=\"content\"\n    :final=\"done\"\n    :fade=\"false\"\n  \u002F>\n\u003C\u002Ftemplate>\n```\n\n## Limitations\n\n- CDN workers require network access and compatible content-security policy.\n- Monaco-style worker setups are intentionally not covered.\n- Vue 2.6 may also require `@vue\u002Fcomposition-api`.\n\n## Security & Safety Notes\n\nDo not introduce CDN workers without reviewing CSP, network policy, and dependency trust. Preserve safe rendering defaults.\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\nVue 2 is end-of-life; preserve a requested legacy integration and document its maintenance\u002Fsupport decision rather than silently upgrading the whole application. Prefer reviewed locally bundled workers over mutable CDN code where feasible.\n",{"name":5,"risk":31,"tags":52,"tools":55,"author":57,"source":58,"license":14,"category":28,"date_added":59,"description":7,"source_repo":60,"source_type":42,"license_source":61},[26,53,54,37,35],"vue-cli","webpack4",[56,36,45,43],"claude","Simon-He95","https:\u002F\u002Fgithub.com\u002FSimon-He95\u002Fmarkstream-vue\u002Ftree\u002Fmain\u002F.agents\u002Fskills\u002Fmarkstream-vue2-cli","2026-07-21","Simon-He95\u002Fmarkstream-vue","https:\u002F\u002Fgithub.com\u002FSimon-He95\u002Fmarkstream-vue\u002Fblob\u002Fmain\u002Flicense","7bf2279c8a65758319526a721d5c4b75683aec9c","skills\u002Fantigravity-markstream-vue2-cli",3,"https:\u002F\u002Fgithub.com\u002Fboisenoise\u002Fskills-collections","https:\u002F\u002Fgithub.com\u002Fboisenoise","2026-11-10 14:20:15",{"source":8,"skillName":5,"commands":69,"prompt":79,"zipAvailable":80},[70,73,76],{"tool":71,"command":72},"npx","npx skills add boisenoise\u002Fskills-collections --skill markstream-vue2-cli",{"tool":74,"command":75},"bunx","bunx skills add boisenoise\u002Fskills-collections --skill markstream-vue2-cli",{"tool":77,"command":78},"pnpm","pnpm dlx skills add boisenoise\u002Fskills-collections --skill markstream-vue2-cli","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fboisenoise\u002Fskills-collections\u002Fblob\u002Fmain\u002Fskills\u002Fantigravity-markstream-vue2-cli\u002FSKILL.md",true,[],[83,111,133,158,177,200],{"skillNo":84,"name":85,"nameZh":6,"description":86,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":87,"licenseFileUrl":88,"sourceHtmlUrl":89,"categories":90,"keywords":91,"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",[],[92,93,94,42,95,96,97,98,99,100,101,102,103,104,105,31,106,107,108,109,110],"web","access","web access","development","browser","search","data","Tools","read","fetch","only","youtube","free tools","platform","free","cover","normal","when","2026",{"skillNo":112,"name":113,"nameZh":6,"description":114,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":87,"licenseFileUrl":115,"sourceHtmlUrl":116,"categories":117,"keywords":121,"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",[118],{"categoryNo":119,"categoryName":120,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发",[113,122,23,44,42,95,40,99,123,124,125,126,127,128,129,31,130,30,131,132,110],"MCP","Budget","credentials","team","catalog","use","call","discover","external tools","scoped","blob",{"skillNo":134,"name":135,"nameZh":6,"description":136,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":87,"licenseFileUrl":137,"sourceHtmlUrl":138,"categories":139,"keywords":145,"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",[140],{"categoryNo":141,"categoryName":142,"taxonomyType":143,"taxonomyTypeDesc":144},"01JBSEEDCAT000000000000038","人力资源","PROFESSION","适用职业",[135,44,42,40,39,146,147,148,149,150,31,151,152,153,30,154,155,156,157,132,113,110],"email","enrichment","business","evidence","phone","ranking","post","job description","for","person","candidate","reason",{"skillNo":159,"name":160,"nameZh":6,"description":161,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":87,"licenseFileUrl":162,"sourceHtmlUrl":163,"categories":164,"keywords":165,"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",[],[166,167,168,44,42,40,169,170,39,171,123,172,173,174,149,31,175,176,132,113,110],"growth","rea","rea growth","produce","content","playbook","marketing","analyze","public","observations","company",{"skillNo":178,"name":179,"nameZh":6,"description":180,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":87,"licenseFileUrl":181,"sourceHtmlUrl":182,"categories":183,"keywords":184,"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",[],[185,186,44,187,42,188,40,189,190,191,192,193,31,194,195,196,197,198,199,132],"make","make ugc","research","create","Video","Captions","ads","short","hooks","head","style","niche","trending","talking-head","approve",{"skillNo":201,"name":202,"nameZh":6,"description":203,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":87,"licenseFileUrl":204,"sourceHtmlUrl":205,"categories":206,"keywords":207,"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",[],[208,209,210,44,42,40,211,212,148,213,214,31,215,216,217,218,219,220,221,132],"signals","lead","lead signals","how","find","ready","as","how to","qualify","people","information","enrich","changes","funding"]