[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6CB89DT68MMYZKTWKDT0ARW":3,"skill-same:01M6CB89DT68MMYZKTWKDT0ARW":131},{"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":38,"linkOnly":39,"markdownContent":40,"markdownBody":41,"frontMatter":42,"refName":44,"commitSha":45,"skillDirectory":46,"forksCount":14,"repositoryHtmlUrl":47,"repositoryHomepageUrl":6,"ownerHtmlUrl":48,"ownerBlogUrl":49,"ownerDescription":6,"updatedAt":50,"install":51,"resources":64},"01M6CB89DT68MMYZKTWKDT0ARW","threejs",null,"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.","vienkmt\u002FTermiPro","vienkmt","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F20434534?v=4","01M6C6SZP4N31HMXD9G3PBSAM3","VienLv","01M6C6SZTVB1M4VE0BMW58YG0B",0,"MIT","https:\u002F\u002Fgithub.com\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fthreejs\u002FSKILL.md",[],[5,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37],"data","Shadow","use","interactive","node","visualizations","3D","Animation","applications","gltf","product","shaders","ssr","webgpu","web","webxr","webgl","pbr","graphics","2026-11-10 10:12:30",false,"---\nname: threejs\ndescription: 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.\nlicense: MIT\nversion: 1.0.0\n---\n\n# Three.js Development\n\nBuild high-performance 3D web applications using Three.js - a cross-browser WebGL\u002FWebGPU library.\n\n## When to Use This Skill\n\nUse when working with:\n- 3D scenes, models, animations, or visualizations\n- WebGL\u002FWebGPU rendering and graphics programming\n- Interactive 3D experiences (games, configurators, data viz)\n- Camera controls, lighting, materials, or shaders\n- Loading 3D assets (GLTF, FBX, OBJ) or textures\n- Post-processing effects (bloom, depth of field, SSAO)\n- Physics simulations, VR\u002FXR experiences, or spatial audio\n- Performance optimization (instancing, LOD, frustum culling)\n\n## Progressive Learning Path\n\n### Level 1: Getting Started\nLoad `references\u002F01-getting-started.md` - Scene setup, basic geometries, materials, lights, rendering loop\n\n### Level 2: Common Tasks\n- **Asset Loading**: `references\u002F02-loaders.md` - GLTF, FBX, OBJ, texture loaders\n- **Textures**: `references\u002F03-textures.md` - Types, mapping, wrapping, filtering\n- **Cameras**: `references\u002F04-cameras.md` - Perspective, orthographic, controls\n- **Lights**: `references\u002F05-lights.md` - Types, shadows, helpers\n- **Animations**: `references\u002F06-animations.md` - Clips, mixer, keyframes\n- **Math**: `references\u002F07-math.md` - Vectors, matrices, quaternions, curves\n\n### Level 3: Interactive & Effects\n- **Interaction**: `references\u002F08-interaction.md` - Raycasting, picking, transforms\n- **Post-Processing**: `references\u002F09-postprocessing.md` - Passes, bloom, SSAO, SSR\n- **Controls (Addons)**: `references\u002F10-controls.md` - Orbit, transform, first-person\n\n### Level 4: Advanced Rendering\n- **Materials Advanced**: `references\u002F11-materials-advanced.md` - PBR, custom shaders\n- **Performance**: `references\u002F12-performance.md` - Instancing, LOD, batching, culling\n- **Node Materials (TSL)**: `references\u002F13-node-materials.md` - Shader graphs, compute\n\n### Level 5: Specialized\n- **Physics**: `references\u002F14-physics-vr.md` - Ammo, Rapier, Jolt, VR\u002FXR\n- **Advanced Loaders**: `references\u002F15-specialized-loaders.md` - SVG, VRML, domain-specific\n- **WebGPU**: `references\u002F16-webgpu.md` - Modern backend, compute shaders\n\n## Quick Start Pattern\n\n```javascript\n\u002F\u002F 1. Scene, Camera, Renderer\nconst scene = new THREE.Scene();\nconst camera = new THREE.PerspectiveCamera(75, window.innerWidth\u002Fwindow.innerHeight, 0.1, 1000);\nconst renderer = new THREE.WebGLRenderer();\nrenderer.setSize(window.innerWidth, window.innerHeight);\ndocument.body.appendChild(renderer.domElement);\n\n\u002F\u002F 2. Add Objects\nconst geometry = new THREE.BoxGeometry();\nconst material = new THREE.MeshStandardMaterial({ color: 0x00ff00 });\nconst cube = new THREE.Mesh(geometry, material);\nscene.add(cube);\n\n\u002F\u002F 3. Add Lights\nconst light = new THREE.DirectionalLight(0xffffff, 1);\nlight.position.set(5, 5, 5);\nscene.add(light);\nscene.add(new THREE.AmbientLight(0x404040));\n\n\u002F\u002F 4. Animation Loop\nfunction animate() {\n  requestAnimationFrame(animate);\n  cube.rotation.x += 0.01;\n  cube.rotation.y += 0.01;\n  renderer.render(scene, camera);\n}\nanimate();\n```\n\n## External Resources\n\n- Official Docs: https:\u002F\u002Fthreejs.org\u002Fdocs\u002F\n- Examples: https:\u002F\u002Fthreejs.org\u002Fexamples\u002F\n- Editor: https:\u002F\u002Fthreejs.org\u002Feditor\u002F\n- Discord: https:\u002F\u002Fdiscord.gg\u002F56GBJwAnUS\n","# Three.js Development\n\nBuild high-performance 3D web applications using Three.js - a cross-browser WebGL\u002FWebGPU library.\n\n## When to Use This Skill\n\nUse when working with:\n- 3D scenes, models, animations, or visualizations\n- WebGL\u002FWebGPU rendering and graphics programming\n- Interactive 3D experiences (games, configurators, data viz)\n- Camera controls, lighting, materials, or shaders\n- Loading 3D assets (GLTF, FBX, OBJ) or textures\n- Post-processing effects (bloom, depth of field, SSAO)\n- Physics simulations, VR\u002FXR experiences, or spatial audio\n- Performance optimization (instancing, LOD, frustum culling)\n\n## Progressive Learning Path\n\n### Level 1: Getting Started\nLoad `references\u002F01-getting-started.md` - Scene setup, basic geometries, materials, lights, rendering loop\n\n### Level 2: Common Tasks\n- **Asset Loading**: `references\u002F02-loaders.md` - GLTF, FBX, OBJ, texture loaders\n- **Textures**: `references\u002F03-textures.md` - Types, mapping, wrapping, filtering\n- **Cameras**: `references\u002F04-cameras.md` - Perspective, orthographic, controls\n- **Lights**: `references\u002F05-lights.md` - Types, shadows, helpers\n- **Animations**: `references\u002F06-animations.md` - Clips, mixer, keyframes\n- **Math**: `references\u002F07-math.md` - Vectors, matrices, quaternions, curves\n\n### Level 3: Interactive & Effects\n- **Interaction**: `references\u002F08-interaction.md` - Raycasting, picking, transforms\n- **Post-Processing**: `references\u002F09-postprocessing.md` - Passes, bloom, SSAO, SSR\n- **Controls (Addons)**: `references\u002F10-controls.md` - Orbit, transform, first-person\n\n### Level 4: Advanced Rendering\n- **Materials Advanced**: `references\u002F11-materials-advanced.md` - PBR, custom shaders\n- **Performance**: `references\u002F12-performance.md` - Instancing, LOD, batching, culling\n- **Node Materials (TSL)**: `references\u002F13-node-materials.md` - Shader graphs, compute\n\n### Level 5: Specialized\n- **Physics**: `references\u002F14-physics-vr.md` - Ammo, Rapier, Jolt, VR\u002FXR\n- **Advanced Loaders**: `references\u002F15-specialized-loaders.md` - SVG, VRML, domain-specific\n- **WebGPU**: `references\u002F16-webgpu.md` - Modern backend, compute shaders\n\n## Quick Start Pattern\n\n```javascript\n\u002F\u002F 1. Scene, Camera, Renderer\nconst scene = new THREE.Scene();\nconst camera = new THREE.PerspectiveCamera(75, window.innerWidth\u002Fwindow.innerHeight, 0.1, 1000);\nconst renderer = new THREE.WebGLRenderer();\nrenderer.setSize(window.innerWidth, window.innerHeight);\ndocument.body.appendChild(renderer.domElement);\n\n\u002F\u002F 2. Add Objects\nconst geometry = new THREE.BoxGeometry();\nconst material = new THREE.MeshStandardMaterial({ color: 0x00ff00 });\nconst cube = new THREE.Mesh(geometry, material);\nscene.add(cube);\n\n\u002F\u002F 3. Add Lights\nconst light = new THREE.DirectionalLight(0xffffff, 1);\nlight.position.set(5, 5, 5);\nscene.add(light);\nscene.add(new THREE.AmbientLight(0x404040));\n\n\u002F\u002F 4. Animation Loop\nfunction animate() {\n  requestAnimationFrame(animate);\n  cube.rotation.x += 0.01;\n  cube.rotation.y += 0.01;\n  renderer.render(scene, camera);\n}\nanimate();\n```\n\n## External Resources\n\n- Official Docs: https:\u002F\u002Fthreejs.org\u002Fdocs\u002F\n- Examples: https:\u002F\u002Fthreejs.org\u002Fexamples\u002F\n- Editor: https:\u002F\u002Fthreejs.org\u002Feditor\u002F\n- Discord: https:\u002F\u002Fdiscord.gg\u002F56GBJwAnUS\n",{"name":5,"license":15,"version":43,"description":7},"1.0.0","main","812c56c3373a712c9368c5a705fe9f1c7604fbbd","TermiMax\u002F.claude\u002Fskills\u002Fthreejs","https:\u002F\u002Fgithub.com\u002Fvienkmt\u002FTermiPro","https:\u002F\u002Fgithub.com\u002Fvienkmt","https:\u002F\u002Fwww.facebook.com\u002Fmark","2026-08-09 20:17:36",{"source":8,"skillName":5,"commands":52,"prompt":62,"zipAvailable":63},[53,56,59],{"tool":54,"command":55},"npx","npx skills add vienkmt\u002FTermiPro --skill threejs",{"tool":57,"command":58},"bunx","bunx skills add vienkmt\u002FTermiPro --skill threejs",{"tool":60,"command":61},"pnpm","pnpm dlx skills add vienkmt\u002FTermiPro --skill threejs","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fthreejs\u002FSKILL.md",true,[65,71,75,79,83,87,91,95,99,103,107,111,115,119,123,127],{"path":66,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":69,"sourceHtmlUrl":70},"references\u002F01-getting-started.md","REFERENCE","参考文档",3803,"https:\u002F\u002Fgithub.com\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F01-getting-started.md",{"path":72,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":73,"sourceHtmlUrl":74},"references\u002F02-loaders.md",4060,"https:\u002F\u002Fgithub.com\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F02-loaders.md",{"path":76,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":77,"sourceHtmlUrl":78},"references\u002F03-textures.md",4238,"https:\u002F\u002Fgithub.com\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F03-textures.md",{"path":80,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":81,"sourceHtmlUrl":82},"references\u002F04-cameras.md",4935,"https:\u002F\u002Fgithub.com\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F04-cameras.md",{"path":84,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":85,"sourceHtmlUrl":86},"references\u002F05-lights.md",4430,"https:\u002F\u002Fgithub.com\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F05-lights.md",{"path":88,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":89,"sourceHtmlUrl":90},"references\u002F06-animations.md",4780,"https:\u002F\u002Fgithub.com\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F06-animations.md",{"path":92,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":93,"sourceHtmlUrl":94},"references\u002F07-math.md",5262,"https:\u002F\u002Fgithub.com\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F07-math.md",{"path":96,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":97,"sourceHtmlUrl":98},"references\u002F08-interaction.md",6756,"https:\u002F\u002Fgithub.com\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F08-interaction.md",{"path":100,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":101,"sourceHtmlUrl":102},"references\u002F09-postprocessing.md",5411,"https:\u002F\u002Fgithub.com\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F09-postprocessing.md",{"path":104,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":105,"sourceHtmlUrl":106},"references\u002F10-controls.md",5980,"https:\u002F\u002Fgithub.com\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F10-controls.md",{"path":108,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":109,"sourceHtmlUrl":110},"references\u002F11-materials-advanced.md",5998,"https:\u002F\u002Fgithub.com\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F11-materials-advanced.md",{"path":112,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":113,"sourceHtmlUrl":114},"references\u002F12-performance.md",6682,"https:\u002F\u002Fgithub.com\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F12-performance.md",{"path":116,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":117,"sourceHtmlUrl":118},"references\u002F13-node-materials.md",6863,"https:\u002F\u002Fgithub.com\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F13-node-materials.md",{"path":120,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":121,"sourceHtmlUrl":122},"references\u002F14-physics-vr.md",6829,"https:\u002F\u002Fgithub.com\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F14-physics-vr.md",{"path":124,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":125,"sourceHtmlUrl":126},"references\u002F15-specialized-loaders.md",7549,"https:\u002F\u002Fgithub.com\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F15-specialized-loaders.md",{"path":128,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":129,"sourceHtmlUrl":130},"references\u002F16-webgpu.md",7126,"https:\u002F\u002Fgithub.com\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F16-webgpu.md",[132,156,186,200,214,220],{"skillNo":133,"name":134,"nameZh":6,"description":135,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":136,"categories":137,"keywords":138,"publishedAt":38},"01M6CB8V1E4APYVGPP6XVVVZVV","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\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fweb-frameworks\u002FSKILL.md",[],[139,33,140,141,142,143,144,21,145,146,147,148,149,27,150,151,152,153,154,155],"web frameworks","performance","Next.js","parallel execution","up","router","monorepo","parallel","stack","projects","components","execution","server","icons","packages","libraries","react",{"skillNo":157,"name":158,"nameZh":6,"description":159,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":160,"categories":161,"keywords":172,"publishedAt":38},"01M6CB8D4MXVYSA7Q8F0VXBR0T","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\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fui-styling\u002FSKILL.md",[162,167],{"categoryNo":163,"categoryName":164,"taxonomyType":165,"taxonomyTypeDesc":166},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":168,"categoryName":169,"taxonomyType":170,"taxonomyTypeDesc":171},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[173,174,175,176,177,178,27,179,180,181,182,21,149,183,184,185],"styling","ui","ui styling","design systems","shadcn","create","first","Tailwind","user","radix ui","canvas","design","css",{"skillNo":187,"name":188,"nameZh":6,"description":189,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":190,"categories":191,"keywords":192,"publishedAt":38},"01M6CB7Y4KZKH2T51JF2THHAFB","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\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fsequential-thinking\u002FSKILL.md",[],[193,21,194,195,196,197,198,199],"sequential thinking","work","analysis","hypothesis","verification","planning","tasks",{"skillNo":201,"name":202,"nameZh":6,"description":203,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":204,"categories":205,"keywords":209,"publishedAt":38},"01M6CB7VW0MXYN6P7TV9142X11","research","Use when you need to research, analyze, and plan technical solutions that are scalable, secure, and maintainable.","https:\u002F\u002Fgithub.com\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fresearch\u002FSKILL.md",[206],{"categoryNo":207,"categoryName":208,"taxonomyType":165,"taxonomyTypeDesc":166},"01JBSEEDCAT000000000000021","资料检索与研究",[202,21,210,211,212,213],"technical","analyze","plan","secure",{"skillNo":215,"name":198,"nameZh":6,"description":216,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":217,"categories":218,"keywords":219,"publishedAt":38},"01M6CB7FGCAFQX40TX1MMAQ38M","Use when you need to plan technical solutions that are scalable, secure, and maintainable.","https:\u002F\u002Fgithub.com\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fplanning\u002FSKILL.md",[],[198,213,21,210,212],{"skillNo":221,"name":222,"nameZh":6,"description":223,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":224,"categories":225,"keywords":226,"publishedAt":38},"01M6CB7B61PKARVSEBJCXQ5PHV","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\u002Fvienkmt\u002FTermiPro\u002Fblob\u002Fmain\u002FTermiMax\u002F.claude\u002Fskills\u002Fpayment-integration\u002FSKILL.md",[],[227,228,229,230,231,21,232,23,233,234,141,235,236,237,29,238,239,240,241,242],"payment integration","integration","api","product management","webhooks","tax","integrations","laravel","saas","compliance","gateway","authentication","customer","implement","sdk","python"]