[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6C4C3AP9BBVHV7G2MN1Z37E":3,"skill-same:01M6C4C3AP9BBVHV7G2MN1Z37E":70},{"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":17,"publishedAt":22,"linkOnly":23,"markdownContent":24,"markdownBody":25,"frontMatter":26,"refName":27,"commitSha":28,"skillDirectory":29,"forksCount":30,"repositoryHtmlUrl":31,"repositoryHomepageUrl":6,"ownerHtmlUrl":32,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":33,"install":34,"resources":47},"01M6C4C3AP9BBVHV7G2MN1Z37E","planning",null,"Use when you need to plan technical solutions that are scalable, secure, and maintainable.","hungtrandigital\u002Fsplt","hungtrandigital","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F25002353?v=4","01M6C49HS2DVC9NWE17SC8HMSJ","01M6C49HWWD3B0G5VVH74G14VV",1,"MIT","https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002Fsplt\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fplanning\u002FSKILL.md",[],[5,18,19,20,21],"secure","plan","technical","use","2026-11-10 10:12:30",false,"---\nname: planning\ndescription: Use when you need to plan technical solutions that are scalable, secure, and maintainable.\nlicense: MIT\n---\n\n# Planning\n\nCreate detailed technical implementation plans through research, codebase analysis, solution design, and comprehensive documentation.\n\n## When to Use\n\nUse this skill when:\n- Planning new feature implementations\n- Architecting system designs\n- Evaluating technical approaches\n- Creating implementation roadmaps\n- Breaking down complex requirements\n- Assessing technical trade-offs\n\n## Core Responsibilities & Rules\n\nAlways honoring **YAGNI**, **KISS**, and **DRY** principles.\n**Be honest, be brutal, straight to the point, and be concise.**\n\n### 1. Research & Analysis\nLoad: `references\u002Fresearch-phase.md`\n**Skip if:** Provided with researcher reports\n\n### 2. Codebase Understanding\nLoad: `references\u002Fcodebase-understanding.md`\n**Skip if:** Provided with scout reports\n\n### 3. Solution Design\nLoad: `references\u002Fsolution-design.md`\n\n### 4. Plan Creation & Organization\nLoad: `references\u002Fplan-organization.md`\n\n### 5. Task Breakdown & Output Standards\nLoad: `references\u002Foutput-standards.md`\n\n## Workflow Process\n\n1. **Initial Analysis** → Read codebase docs, understand context\n2. **Research Phase** → Spawn researchers, investigate approaches\n3. **Synthesis** → Analyze reports, identify optimal solution\n4. **Design Phase** → Create architecture, implementation design\n5. **Plan Documentation** → Write comprehensive plan\n6. **Review & Refine** → Ensure completeness, clarity, actionability\n\n## Output Requirements\n\n- DO NOT implement code - only create plans\n- Respond with plan file path and summary\n- Ensure self-contained plans with necessary context\n- Include code snippets\u002Fpseudocode when clarifying\n- Provide multiple options with trade-offs when appropriate\n- Fully respect the `.\u002Fdocs\u002Fdevelopment-rules.md` file.\n\n**Plan Directory Structure**\n```\nplans\u002F\n└── YYYYMMDD-HHmm-plan-name\u002F\n    ├── research\u002F\n    │   ├── researcher-XX-report.md\n    │   └── ...\n    ├── reports\u002F\n    │   ├── XX-report.md\n    │   └── ...\n    ├── scout\u002F\n    │   ├── scout-XX-report.md\n    │   └── ...\n    ├── plan.md\n    ├── phase-XX-phase-name-here.md\n    └── ...\n```\n\n## Active Plan State\n\nPrevents version proliferation by tracking current working plan.\n\n### State File\n`\u003CWORKING-DIR>\u002F.claude\u002Factive-plan` - Single line containing path to current plan folder.\n\n`\u003CWORKING-DIR>` = current project's working directory (where Claude was launched or `pwd`).\n\n**Example content:**\n```\nplans\u002F20251128-1654-fix-agent-coordination\n```\n\n### Rules\n\n1. **Check first**: Before creating plan, check if `\u003CWORKING-DIR>\u002F.claude\u002Factive-plan` exists\n2. **Validate path**: If exists, verify the path is a valid directory\n3. **Prompt user**: If valid, ask \"Continue with existing plan? [Y\u002Fn]\"\n   - Y (default): Reuse existing plan path\n   - n: Create new plan, update state file\n4. **Set on create**: When creating new plan, write path to `\u003CWORKING-DIR>\u002F.claude\u002Factive-plan`\n5. **Reset**: User can delete file manually (`rm .claude\u002Factive-plan`) to start fresh\n\n### Report Output Location\n\nAll agents writing reports MUST:\n1. Read `\u003CWORKING-DIR>\u002F.claude\u002Factive-plan` to get current plan path\n2. Write reports to `{plan-path}\u002Freports\u002F`\n3. Use naming: `{agent}-{YYMMDD}-{slug}.md`\n\n**Fallback:** If no active-plan file exists, use `plans\u002Freports\u002F`\n\n## Quality Standards\n\n- Be thorough and specific\n- Consider long-term maintainability\n- Research thoroughly when uncertain\n- Address security and performance concerns\n- Make plans detailed enough for junior developers\n- Validate against existing codebase patterns\n\n**Remember:** Plan quality determines implementation success. Be comprehensive and consider all solution aspects.\n","# Planning\n\nCreate detailed technical implementation plans through research, codebase analysis, solution design, and comprehensive documentation.\n\n## When to Use\n\nUse this skill when:\n- Planning new feature implementations\n- Architecting system designs\n- Evaluating technical approaches\n- Creating implementation roadmaps\n- Breaking down complex requirements\n- Assessing technical trade-offs\n\n## Core Responsibilities & Rules\n\nAlways honoring **YAGNI**, **KISS**, and **DRY** principles.\n**Be honest, be brutal, straight to the point, and be concise.**\n\n### 1. Research & Analysis\nLoad: `references\u002Fresearch-phase.md`\n**Skip if:** Provided with researcher reports\n\n### 2. Codebase Understanding\nLoad: `references\u002Fcodebase-understanding.md`\n**Skip if:** Provided with scout reports\n\n### 3. Solution Design\nLoad: `references\u002Fsolution-design.md`\n\n### 4. Plan Creation & Organization\nLoad: `references\u002Fplan-organization.md`\n\n### 5. Task Breakdown & Output Standards\nLoad: `references\u002Foutput-standards.md`\n\n## Workflow Process\n\n1. **Initial Analysis** → Read codebase docs, understand context\n2. **Research Phase** → Spawn researchers, investigate approaches\n3. **Synthesis** → Analyze reports, identify optimal solution\n4. **Design Phase** → Create architecture, implementation design\n5. **Plan Documentation** → Write comprehensive plan\n6. **Review & Refine** → Ensure completeness, clarity, actionability\n\n## Output Requirements\n\n- DO NOT implement code - only create plans\n- Respond with plan file path and summary\n- Ensure self-contained plans with necessary context\n- Include code snippets\u002Fpseudocode when clarifying\n- Provide multiple options with trade-offs when appropriate\n- Fully respect the `.\u002Fdocs\u002Fdevelopment-rules.md` file.\n\n**Plan Directory Structure**\n```\nplans\u002F\n└── YYYYMMDD-HHmm-plan-name\u002F\n    ├── research\u002F\n    │   ├── researcher-XX-report.md\n    │   └── ...\n    ├── reports\u002F\n    │   ├── XX-report.md\n    │   └── ...\n    ├── scout\u002F\n    │   ├── scout-XX-report.md\n    │   └── ...\n    ├── plan.md\n    ├── phase-XX-phase-name-here.md\n    └── ...\n```\n\n## Active Plan State\n\nPrevents version proliferation by tracking current working plan.\n\n### State File\n`\u003CWORKING-DIR>\u002F.claude\u002Factive-plan` - Single line containing path to current plan folder.\n\n`\u003CWORKING-DIR>` = current project's working directory (where Claude was launched or `pwd`).\n\n**Example content:**\n```\nplans\u002F20251128-1654-fix-agent-coordination\n```\n\n### Rules\n\n1. **Check first**: Before creating plan, check if `\u003CWORKING-DIR>\u002F.claude\u002Factive-plan` exists\n2. **Validate path**: If exists, verify the path is a valid directory\n3. **Prompt user**: If valid, ask \"Continue with existing plan? [Y\u002Fn]\"\n   - Y (default): Reuse existing plan path\n   - n: Create new plan, update state file\n4. **Set on create**: When creating new plan, write path to `\u003CWORKING-DIR>\u002F.claude\u002Factive-plan`\n5. **Reset**: User can delete file manually (`rm .claude\u002Factive-plan`) to start fresh\n\n### Report Output Location\n\nAll agents writing reports MUST:\n1. Read `\u003CWORKING-DIR>\u002F.claude\u002Factive-plan` to get current plan path\n2. Write reports to `{plan-path}\u002Freports\u002F`\n3. Use naming: `{agent}-{YYMMDD}-{slug}.md`\n\n**Fallback:** If no active-plan file exists, use `plans\u002Freports\u002F`\n\n## Quality Standards\n\n- Be thorough and specific\n- Consider long-term maintainability\n- Research thoroughly when uncertain\n- Address security and performance concerns\n- Make plans detailed enough for junior developers\n- Validate against existing codebase patterns\n\n**Remember:** Plan quality determines implementation success. Be comprehensive and consider all solution aspects.\n",{"name":5,"license":14,"description":7},"main","57da980d38df687c0022bf4caec73168342fe596","0-agents\u002Fagents\u002Fskills\u002Fplanning",0,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002Fsplt","https:\u002F\u002Fgithub.com\u002Fhungtrandigital","2025-12-10 11:36:44",{"source":8,"skillName":5,"commands":35,"prompt":45,"zipAvailable":46},[36,39,42],{"tool":37,"command":38},"npx","npx skills add hungtrandigital\u002Fsplt --skill planning",{"tool":40,"command":41},"bunx","bunx skills add hungtrandigital\u002Fsplt --skill planning",{"tool":43,"command":44},"pnpm","pnpm dlx skills add hungtrandigital\u002Fsplt --skill planning","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002Fsplt\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fplanning\u002FSKILL.md",true,[48,54,58,62,66],{"path":49,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":52,"sourceHtmlUrl":53},"references\u002Fcodebase-understanding.md","REFERENCE","参考文档",1967,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002Fsplt\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fplanning\u002Freferences\u002Fcodebase-understanding.md",{"path":55,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":56,"sourceHtmlUrl":57},"references\u002Foutput-standards.md",2730,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002Fsplt\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fplanning\u002Freferences\u002Foutput-standards.md",{"path":59,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":60,"sourceHtmlUrl":61},"references\u002Fplan-organization.md",3261,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002Fsplt\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fplanning\u002Freferences\u002Fplan-organization.md",{"path":63,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":64,"sourceHtmlUrl":65},"references\u002Fresearch-phase.md",1572,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002Fsplt\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fplanning\u002Freferences\u002Fresearch-phase.md",{"path":67,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":68,"sourceHtmlUrl":69},"references\u002Fsolution-design.md",2057,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002Fsplt\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fplanning\u002Freferences\u002Fsolution-design.md",[71,97,127,150,163,174],{"skillNo":72,"name":73,"nameZh":6,"description":74,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":75,"categories":76,"keywords":77,"publishedAt":22},"01M6C4D8AZM5QWGF9MK8ZAZS8M","web-frameworks","Build modern full-stack web applications with Next.js (App Router, Server Components, RSC, PPR, SSR, SSG, ISR), Turborepo (monorepo management, task pipelines, remote caching, parallel execution), and RemixIcon (3100+ SVG icons in outlined\u002Ffilled styles). Use when creating React applications, implementing server-side rendering, setting up monorepos with multiple packages, optimizing build performance and caching strategies, adding icon libraries, managing shared dependencies, or working with TypeScript full-stack projects.","https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002Fsplt\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fweb-frameworks\u002FSKILL.md",[],[78,79,80,81,82,83,21,84,85,86,87,88,89,90,91,92,93,94,95,96],"web frameworks","web","applications","parallel execution","up","router","monorepo","parallel","stack","projects","Next.js","execution","server","icons","packages","libraries","react","components","performance",{"skillNo":98,"name":99,"nameZh":6,"description":100,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":101,"categories":102,"keywords":113,"publishedAt":22},"01M6C4CVWRRK1EN4FGKWXVYMQ3","ui-styling","Create beautiful, accessible user interfaces with shadcn\u002Fui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.","https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002Fsplt\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fui-styling\u002FSKILL.md",[103,108],{"categoryNo":104,"categoryName":105,"taxonomyType":106,"taxonomyTypeDesc":107},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":109,"categoryName":110,"taxonomyType":111,"taxonomyTypeDesc":112},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[114,115,116,117,118,119,120,80,121,122,95,123,124,125,126,21],"styling","ui","ui styling","shadcn","user","Tailwind","first","design systems","create","canvas","css","design","radix ui",{"skillNo":128,"name":129,"nameZh":6,"description":130,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":131,"categories":132,"keywords":133,"publishedAt":22},"01M6C4CRMY1DPJBYTX7BH6BCWT","threejs","Build immersive 3D web experiences with Three.js - WebGL\u002FWebGPU library for scenes, cameras, geometries, materials, lights, animations, loaders, post-processing, shaders (including node-based TSL), compute, physics, VR\u002FXR, and advanced rendering. Use when creating 3D visualizations, games, interactive graphics, data viz, product configurators, architectural walkthroughs, or WebGL\u002FWebGPU applications. Covers OrbitControls, GLTF\u002FFBX loading, PBR materials, shadow mapping, post-processing effects (bloom, SSAO, SSR), custom shaders, instancing, LOD, animation systems, and WebXR.","https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002Fsplt\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fthreejs\u002FSKILL.md",[],[129,134,135,136,137,138,21,139,80,140,141,142,143,144,79,145,146,147,148,149],"3D","data","visualizations","node","interactive","pbr","library","product","shaders","ssr","webgpu","webxr","webgl","Animation","graphics","gltf",{"skillNo":151,"name":152,"nameZh":6,"description":153,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":154,"categories":155,"keywords":156,"publishedAt":22},"01M6C4CDRW0QHMXPAY5GD00AE8","sequential-thinking","Apply structured, reflective problem-solving for complex tasks requiring multi-step analysis, revision capability, and hypothesis verification. Use for complex problem decomposition, adaptive planning, analysis needing course correction, problems with unclear scope, multi-step solutions, and hypothesis-driven work.","https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002Fsplt\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fsequential-thinking\u002FSKILL.md",[],[157,21,158,159,160,161,5,162],"sequential thinking","work","analysis","hypothesis","verification","tasks",{"skillNo":164,"name":165,"nameZh":6,"description":166,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":167,"categories":168,"keywords":172,"publishedAt":22},"01M6C4CC1JAQZ390E95TNBXQCF","research","Use when you need to research, analyze, and plan technical solutions that are scalable, secure, and maintainable.","https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002Fsplt\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fresearch\u002FSKILL.md",[169],{"categoryNo":170,"categoryName":171,"taxonomyType":106,"taxonomyTypeDesc":107},"01JBSEEDCAT000000000000021","资料检索与研究",[165,20,173,19,18,21],"analyze",{"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":14,"licenseFileUrl":6,"sourceHtmlUrl":178,"categories":179,"keywords":180,"publishedAt":22},"01M6C4BZAQQXR3NGZRNZKNPTCN","payment-integration","Implement payment integrations with SePay (Vietnamese payment gateway with VietQR, bank transfers, cards) and Polar (global SaaS monetization platform with subscriptions, usage-based billing, automated benefits). Use when integrating payment processing, implementing checkout flows, managing subscriptions, handling webhooks, processing bank transfers, generating QR codes, automating benefit delivery, or building billing systems. Supports authentication (API keys, OAuth2), product management, customer portals, tax compliance (Polar as MoR), and comprehensive SDK integrations (Node.js, PHP, Python, Go, Laravel, Next.js).","https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002Fsplt\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002FSKILL.md",[],[181,182,88,21,183,184,137,185,186,187,188,189,190,141,191,192,193,194,195,196],"payment integration","integration","management","tax","integrations","laravel","api","saas","compliance","gateway","authentication","customer","implement","sdk","python","go"]