[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M7DN1RPHD8ARSCDYVJXSEAXG":3,"skill-same:01M7DN1RPHD8ARSCDYVJXSEAXG":63},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":18,"publishedAt":19,"linkOnly":20,"markdownContent":21,"markdownBody":22,"frontMatter":23,"refName":42,"commitSha":43,"skillDirectory":44,"forksCount":45,"repositoryHtmlUrl":46,"repositoryHomepageUrl":6,"ownerHtmlUrl":47,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":48,"install":49,"resources":62},"01M7DN1RPHD8ARSCDYVJXSEAXG","markstream-vue2",null,"Integrate markstream-vue2 into Vue 2.6 or 2.7 with correct Composition API decisions, CSS, streaming state, optional peers, and scoped overrides.","Hazek-dc\u002FPresensiGuru_FaceNet_EMAR","Hazek-dc","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F75208960?v=4","01M7DEQV5B4YGS86A81DYH81DR","Hazek","01M7DEQV5XP4TM0C6NTHXCXCHR",1,"MIT","https:\u002F\u002Fgithub.com\u002FHazek-dc\u002FPresensiGuru_FaceNet_EMAR\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fmarkstream-vue2\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: markstream-vue2\ndescription: \"Integrate markstream-vue2 into Vue 2.6 or 2.7 with correct Composition API decisions, CSS, streaming state, optional peers, and scoped overrides.\"\ncategory: frontend\nrisk: critical\nsource: https:\u002F\u002Fgithub.com\u002FSimon-He95\u002Fmarkstream-vue\u002Ftree\u002Fmain\u002F.agents\u002Fskills\u002Fmarkstream-vue2\nsource_repo: Simon-He95\u002Fmarkstream-vue\nsource_type: official\ndate_added: \"2026-07-21\"\nauthor: Simon-He95\ntags: [vue2, markdown, streaming, compatibility, frontend]\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\n\n## Overview\n\nHandle Vue 2.6\u002F2.7 compatibility decisions that the generic installer cannot resolve safely.\n\n## When to Use\n\nUse for Vue 2 integration when no bundler-specific edge case dominates. Use `markstream-vue2-cli` for Vue CLI\u002FWebpack 4 and `markstream-vue2-vite` for Vite worker imports.\n\n## Workflow\n\nBefore changing dependencies or source files, inspect the existing package manager and project conventions, preview the intended edits, and obtain explicit user approval.\n\n1. Confirm Vue 2.6 or 2.7 and install `markstream-vue2`.\n2. Add `@vue\u002Fcomposition-api` only for Vue 2.6 code that uses Composition API patterns; Vue 2.7 has built-in support.\n3. Import `markstream-vue2\u002Findex.css` after resets.\n4. Start with `\u003CMarkdownRender :content=\"markdown\" \u002F>` and smooth streaming `auto`.\n5. For live chat disable fade and opt into the cursor; on completion set `final`, disable pacing\u002Fcursor, and enable fade only if desired.\n6. Use `nodes` only when another layer owns parsing. Use scoped mappings for overrides.\n7. Keep HTML safe and Mermaid strict; validate with the smallest build or dev command.\n\n## Example\n\n```vue\n\u003Cscript>\nimport MarkdownRender from 'markstream-vue2'\nimport 'markstream-vue2\u002Findex.css'\n\nexport default {\n  components: { MarkdownRender },\n  props: { content: String, done: Boolean },\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CMarkdownRender\n    :content=\"content\"\n    :final=\"done\"\n    :fade=\"done\"\n    :typewriter=\"!done\"\n  \u002F>\n\u003C\u002Ftemplate>\n```\n\n## Limitations\n\n- Vue 2.6 and 2.7 have different Composition API requirements.\n- Legacy bundlers require the dedicated specializations.\n- Optional modern peers may not support every Vue 2 toolchain.\n\n## Security & Safety Notes\n\nReview dependency and compatibility changes. Do not relax rendering safety for untrusted content.\n","# Markstream Vue 2\n\n## Overview\n\nHandle Vue 2.6\u002F2.7 compatibility decisions that the generic installer cannot resolve safely.\n\n## When to Use\n\nUse for Vue 2 integration when no bundler-specific edge case dominates. Use `markstream-vue2-cli` for Vue CLI\u002FWebpack 4 and `markstream-vue2-vite` for Vite worker imports.\n\n## Workflow\n\nBefore changing dependencies or source files, inspect the existing package manager and project conventions, preview the intended edits, and obtain explicit user approval.\n\n1. Confirm Vue 2.6 or 2.7 and install `markstream-vue2`.\n2. Add `@vue\u002Fcomposition-api` only for Vue 2.6 code that uses Composition API patterns; Vue 2.7 has built-in support.\n3. Import `markstream-vue2\u002Findex.css` after resets.\n4. Start with `\u003CMarkdownRender :content=\"markdown\" \u002F>` and smooth streaming `auto`.\n5. For live chat disable fade and opt into the cursor; on completion set `final`, disable pacing\u002Fcursor, and enable fade only if desired.\n6. Use `nodes` only when another layer owns parsing. Use scoped mappings for overrides.\n7. Keep HTML safe and Mermaid strict; validate with the smallest build or dev command.\n\n## Example\n\n```vue\n\u003Cscript>\nimport MarkdownRender from 'markstream-vue2'\nimport 'markstream-vue2\u002Findex.css'\n\nexport default {\n  components: { MarkdownRender },\n  props: { content: String, done: Boolean },\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CMarkdownRender\n    :content=\"content\"\n    :final=\"done\"\n    :fade=\"done\"\n    :typewriter=\"!done\"\n  \u002F>\n\u003C\u002Ftemplate>\n```\n\n## Limitations\n\n- Vue 2.6 and 2.7 have different Composition API requirements.\n- Legacy bundlers require the dedicated specializations.\n- Optional modern peers may not support every Vue 2 toolchain.\n\n## Security & Safety Notes\n\nReview dependency and compatibility changes. Do not relax rendering safety for untrusted content.\n",{"name":5,"risk":24,"tags":25,"tools":31,"author":36,"source":37,"license":15,"category":30,"date_added":38,"description":7,"source_repo":39,"source_type":40,"license_source":41},"critical",[26,27,28,29,30],"vue2","markdown","streaming","compatibility","frontend",[32,33,34,35],"claude","cursor","gemini","codex","Simon-He95","https:\u002F\u002Fgithub.com\u002FSimon-He95\u002Fmarkstream-vue\u002Ftree\u002Fmain\u002F.agents\u002Fskills\u002Fmarkstream-vue2","2026-07-21","Simon-He95\u002Fmarkstream-vue","official","https:\u002F\u002Fgithub.com\u002FSimon-He95\u002Fmarkstream-vue\u002Fblob\u002Fmain\u002Flicense","main","b1e4ffadb4f933bbbcaa03a83f8b9929171ac28b",".agents\u002Fskills\u002Fmarkstream-vue2",0,"https:\u002F\u002Fgithub.com\u002FHazek-dc\u002FPresensiGuru_FaceNet_EMAR","https:\u002F\u002Fgithub.com\u002FHazek-dc","2026-10-22 08:36:44",{"source":8,"skillName":5,"commands":50,"prompt":60,"zipAvailable":61},[51,54,57],{"tool":52,"command":53},"npx","npx skills add Hazek-dc\u002FPresensiGuru_FaceNet_EMAR --skill markstream-vue2",{"tool":55,"command":56},"bunx","bunx skills add Hazek-dc\u002FPresensiGuru_FaceNet_EMAR --skill markstream-vue2",{"tool":58,"command":59},"pnpm","pnpm dlx skills add Hazek-dc\u002FPresensiGuru_FaceNet_EMAR --skill markstream-vue2","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FHazek-dc\u002FPresensiGuru_FaceNet_EMAR\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fmarkstream-vue2\u002FSKILL.md",true,[],[64,71,78,85,92,99],{"skillNo":65,"name":66,"nameZh":6,"description":67,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":68,"categories":69,"keywords":70,"publishedAt":19},"01M7DS6GGYRZAYD33PFPS8Z2T3","testing-best-practices","Laravel test design and review. Use when selecting coverage, naming or structuring tests, choosing assertions or test data, isolating dependencies, testing HTTP or security boundaries, improving suite performance, or reviewing test value. Use framework guidance or search-docs for Pest and PHPUnit syntax.","https:\u002F\u002Fgithub.com\u002FHazek-dc\u002FPresensiGuru_FaceNet_EMAR\u002Fblob\u002Fmain\u002Fattendance-web\u002F.claude\u002Fskills\u002Ftesting-best-practices\u002FSKILL.md",[],[],{"skillNo":72,"name":73,"nameZh":6,"description":74,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":75,"categories":76,"keywords":77,"publishedAt":19},"01M7DS6BC3AW7HTPRHE2TTVKWM","tailwindcss-development","Always invoke when the user's message includes 'tailwind' in any form. Also invoke for: building responsive grid layouts (multi-column card grids, product grids), flex\u002Fgrid page structures (dashboards with sidebars, fixed topbars, mobile-toggle navs), styling UI components (cards, tables, navbars, pricing sections, forms, inputs, badges), adding dark mode variants, fixing spacing or typography, and Tailwind v3\u002Fv4 work. The core use case: writing or fixing Tailwind utility classes in HTML templates (Blade, JSX, Vue). Skip for backend PHP logic, database queries, API routes, JavaScript with no HTML\u002FCSS component, CSS file audits, build tool configuration, and vanilla CSS.","https:\u002F\u002Fgithub.com\u002FHazek-dc\u002FPresensiGuru_FaceNet_EMAR\u002Fblob\u002Fmain\u002Fattendance-web\u002F.claude\u002Fskills\u002Ftailwindcss-development\u002FSKILL.md",[],[],{"skillNo":79,"name":80,"nameZh":6,"description":81,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":82,"categories":83,"keywords":84,"publishedAt":19},"01M7DS66GE6B11MYJDVC74HXM4","laravel-best-practices","Apply this skill whenever writing, reviewing, or refactoring Laravel PHP code. This includes creating or modifying controllers, models, migrations, form requests, policies, jobs, scheduled commands, service classes, and Eloquent queries. Triggers for N+1 and query performance issues, caching strategies, authorization and security patterns, validation, error handling, queue and job configuration, route definitions, and architectural decisions. Also use for Laravel code reviews and refactoring existing Laravel code to follow best practices. Covers any task involving Laravel backend PHP code patterns.","https:\u002F\u002Fgithub.com\u002FHazek-dc\u002FPresensiGuru_FaceNet_EMAR\u002Fblob\u002Fmain\u002Fattendance-web\u002F.claude\u002Fskills\u002Flaravel-best-practices\u002FSKILL.md",[],[],{"skillNo":86,"name":87,"nameZh":6,"description":88,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":89,"categories":90,"keywords":91,"publishedAt":19},"01M7DS5ZW717DMS6P1E90AQCKV","infer-conventions","Use this skill to analyze how a Laravel application is actually written and record its conventions as shared rules. Trigger when the user wants to detect, infer, document, or standardize project conventions or coding style, set up or grow `.ai\u002Frules`, resolve mixed or conflicting patterns (e.g. \"are we using Form Requests or inline validation?\"), or onboard agents and teammates to \"how we do things here\". Covers: a systematic sweep of ~49 Laravel convention dimensions (validation, models, architecture, testing, frontend, database, console), open-ended house-pattern discovery, conflict reporting, and recording rules scoped to the right paths via the Boost `record-rule` MCP tool. Only run this skill when the user explicitly asks for it; never start a sweep as part of another task. Do not use for one-off code review, enforcing formatting a linter already handles, or editing `.ai\u002Frules` files by hand.","https:\u002F\u002Fgithub.com\u002FHazek-dc\u002FPresensiGuru_FaceNet_EMAR\u002Fblob\u002Fmain\u002Fattendance-web\u002F.claude\u002Fskills\u002Finfer-conventions\u002FSKILL.md",[],[],{"skillNo":93,"name":94,"nameZh":6,"description":95,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":96,"categories":97,"keywords":98,"publishedAt":19},"01M7DS5W12RGCVJTFQJ1N0GB8E","inertia-react-development","Develops Inertia.js v2 React client-side applications. Activates when creating React pages, forms, or navigation; using \u003CLink>, \u003CForm>, useForm, or router; working with deferred props, prefetching, or polling; or when user mentions React with Inertia, React pages, React forms, or React navigation.","https:\u002F\u002Fgithub.com\u002FHazek-dc\u002FPresensiGuru_FaceNet_EMAR\u002Fblob\u002Fmain\u002Fattendance-web\u002F.claude\u002Fskills\u002Finertia-react-development\u002FSKILL.md",[],[],{"skillNo":100,"name":101,"nameZh":6,"description":102,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":103,"categories":104,"keywords":105,"publishedAt":19},"01M7DS5PVDPMPCWSK2RXPDC9BB","deploying-to-cloud","Deploys and manages Laravel applications on Laravel Cloud using the `cloud` CLI. Use when the user wants to deploy an app, ship to Cloud, create or manage applications, environments, databases, caches, object storage, queues, domains, instances, background processes, secrets, compute, scheduled tasks, or Laravel Cloud infrastructure; or check billing, usage, or spend. Triggers on deployment, shipping, Cloud management, environment setup, database provisioning, billing or usage queries, the `cloud` CLI, and Laravel Cloud deployment troubleshooting.","https:\u002F\u002Fgithub.com\u002FHazek-dc\u002FPresensiGuru_FaceNet_EMAR\u002Fblob\u002Fmain\u002Fattendance-web\u002F.claude\u002Fskills\u002Fdeploying-to-cloud\u002FSKILL.md",[],[]]