[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6C4R7RZQW019J34AFS3K1GZ":3,"skill-same:01M6C4R7RZQW019J34AFS3K1GZ":156},{"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":38,"linkOnly":39,"markdownContent":40,"markdownBody":41,"frontMatter":42,"refName":44,"commitSha":45,"skillDirectory":46,"forksCount":13,"repositoryHtmlUrl":47,"repositoryHomepageUrl":6,"ownerHtmlUrl":48,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":49,"install":50,"resources":63},"01M6C4R7RZQW019J34AFS3K1GZ","payment-integration",null,"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).","hungtrandigital\u002FResidentOne","hungtrandigital","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F25002353?v=4","01M6C49HS2DVC9NWE17SC8HMSJ","01M6C4NEXA9Y9VXK786C1JBATW",0,"MIT","https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002FSKILL.md",[],[18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37],"payment integration","integration","saas","use","management","tax","node","integrations","laravel","Next.js","api","go","compliance","gateway","product","authentication","customer","implement","sdk","python","2026-11-10 10:12:30",false,"---\nname: payment-integration\ndescription: 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).\nversion: 1.0.0\nlicense: MIT\n---\n\n# Payment Integration\n\nImplement payment processing with SePay (Vietnamese payments) and Polar (global SaaS monetization).\n\n## When to Use\n\nUse when implementing:\n- Payment gateway integration (checkout, processing)\n- Subscription management (trials, upgrades, billing)\n- Webhook handling (payment notifications)\n- QR code payments (VietQR, NAPAS)\n- Usage-based billing (metering, credits)\n- Automated benefit delivery (licenses, GitHub access, Discord roles)\n- Customer portals (self-service management)\n- Bank transfer automation (Vietnamese banks)\n- Product catalogs with pricing\n\n## Platform Selection\n\n**Choose SePay for:**\n- Vietnamese market (VND currency)\n- Bank transfer automation\n- VietQR\u002FNAPAS payments\n- Local payment methods\n- Direct bank account monitoring\n\n**Choose Polar for:**\n- Global SaaS products\n- Subscription management\n- Usage-based billing\n- Automated benefits (GitHub, Discord, licenses)\n- Merchant of Record (tax compliance)\n- Digital product sales\n\n## Quick Reference\n\n### SePay Integration\n- **Overview & Auth**: `references\u002Fsepay\u002Foverview.md` - Platform capabilities, API\u002FOAuth2 auth, supported banks\n- **API Reference**: `references\u002Fsepay\u002Fapi.md` - Endpoints, transactions, bank accounts, virtual accounts\n- **Webhooks**: `references\u002Fsepay\u002Fwebhooks.md` - Setup, payload structure, verification, retry logic\n- **SDK Usage**: `references\u002Fsepay\u002Fsdk.md` - Node.js, PHP, Laravel implementations\n- **QR Codes**: `references\u002Fsepay\u002Fqr-codes.md` - VietQR generation, templates, integration\n- **Best Practices**: `references\u002Fsepay\u002Fbest-practices.md` - Security, patterns, monitoring\n\n### Polar Integration\n- **Overview & Auth**: `references\u002Fpolar\u002Foverview.md` - Platform capabilities, authentication methods, MoR concept\n- **Products & Pricing**: `references\u002Fpolar\u002Fproducts.md` - Product types, pricing models, usage-based billing\n- **Checkouts**: `references\u002Fpolar\u002Fcheckouts.md` - Checkout flows, embedded checkout, links\n- **Subscriptions**: `references\u002Fpolar\u002Fsubscriptions.md` - Lifecycle, upgrades, downgrades, trials\n- **Webhooks**: `references\u002Fpolar\u002Fwebhooks.md` - Event types, signature verification, monitoring\n- **Benefits**: `references\u002Fpolar\u002Fbenefits.md` - Automated delivery (GitHub, Discord, licenses, files)\n- **SDK Usage**: `references\u002Fpolar\u002Fsdk.md` - TypeScript, Python, PHP, Go, framework adapters\n- **Best Practices**: `references\u002Fpolar\u002Fbest-practices.md` - Security, patterns, monitoring\n\n### Integration Scripts\n- **SePay Webhook Verification**: `scripts\u002Fsepay-webhook-verify.js` - Verify SePay webhook authenticity\n- **Polar Webhook Verification**: `scripts\u002Fpolar-webhook-verify.js` - Verify Polar webhook signatures\n- **Checkout Helper**: `scripts\u002Fcheckout-helper.js` - Generate checkout sessions for both platforms\n\n## Implementation Workflow\n\n### SePay Implementation\n1. Load `references\u002Fsepay\u002Foverview.md` for auth setup\n2. Load `references\u002Fsepay\u002Fapi.md` or `references\u002Fsepay\u002Fsdk.md` for integration\n3. Load `references\u002Fsepay\u002Fwebhooks.md` for payment notifications\n4. Use `scripts\u002Fsepay-webhook-verify.js` for webhook verification\n5. Load `references\u002Fsepay\u002Fbest-practices.md` for production readiness\n\n### Polar Implementation\n1. Load `references\u002Fpolar\u002Foverview.md` for auth and concepts\n2. Load `references\u002Fpolar\u002Fproducts.md` for product setup\n3. Load `references\u002Fpolar\u002Fcheckouts.md` for payment flows\n4. Load `references\u002Fpolar\u002Fwebhooks.md` for event handling\n5. Use `scripts\u002Fpolar-webhook-verify.js` for webhook verification\n6. Load `references\u002Fpolar\u002Fbenefits.md` if automating delivery\n7. Load `references\u002Fpolar\u002Fbest-practices.md` for production readiness\n\n## Key Capabilities\n\n**SePay:**\n- Payment gateway (QR, bank transfer, cards)\n- Bank account monitoring with webhooks\n- Order-based virtual accounts\n- VietQR generation API\n- 44+ Vietnamese banks supported\n- Rate limit: 2 calls\u002Fsecond\n\n**Polar:**\n- Merchant of Record (global tax compliance)\n- Subscription lifecycle management\n- Usage-based billing (events, meters)\n- Automated benefits (GitHub, Discord, licenses)\n- Customer portal (self-service)\n- Multi-language SDKs\n- Rate limit: 300 req\u002Fmin\n\n## Instructions\n\nWhen implementing payment integration:\n\n1. **Identify platform** based on requirements (Vietnamese vs global, payment types)\n2. **Load relevant references** progressively as needed\n3. **Implement authentication** using platform-specific methods\n4. **Set up products\u002Fpricing** according to business model\n5. **Implement checkout flow** (hosted, embedded, or API-driven)\n6. **Configure webhooks** with proper verification\n7. **Handle payment events** (success, failure, refund)\n8. **Test thoroughly** in sandbox before production\n9. **Monitor and optimize** using platform analytics\n\nLoad only the references needed for current implementation step to maintain context efficiency.\n","# Payment Integration\n\nImplement payment processing with SePay (Vietnamese payments) and Polar (global SaaS monetization).\n\n## When to Use\n\nUse when implementing:\n- Payment gateway integration (checkout, processing)\n- Subscription management (trials, upgrades, billing)\n- Webhook handling (payment notifications)\n- QR code payments (VietQR, NAPAS)\n- Usage-based billing (metering, credits)\n- Automated benefit delivery (licenses, GitHub access, Discord roles)\n- Customer portals (self-service management)\n- Bank transfer automation (Vietnamese banks)\n- Product catalogs with pricing\n\n## Platform Selection\n\n**Choose SePay for:**\n- Vietnamese market (VND currency)\n- Bank transfer automation\n- VietQR\u002FNAPAS payments\n- Local payment methods\n- Direct bank account monitoring\n\n**Choose Polar for:**\n- Global SaaS products\n- Subscription management\n- Usage-based billing\n- Automated benefits (GitHub, Discord, licenses)\n- Merchant of Record (tax compliance)\n- Digital product sales\n\n## Quick Reference\n\n### SePay Integration\n- **Overview & Auth**: `references\u002Fsepay\u002Foverview.md` - Platform capabilities, API\u002FOAuth2 auth, supported banks\n- **API Reference**: `references\u002Fsepay\u002Fapi.md` - Endpoints, transactions, bank accounts, virtual accounts\n- **Webhooks**: `references\u002Fsepay\u002Fwebhooks.md` - Setup, payload structure, verification, retry logic\n- **SDK Usage**: `references\u002Fsepay\u002Fsdk.md` - Node.js, PHP, Laravel implementations\n- **QR Codes**: `references\u002Fsepay\u002Fqr-codes.md` - VietQR generation, templates, integration\n- **Best Practices**: `references\u002Fsepay\u002Fbest-practices.md` - Security, patterns, monitoring\n\n### Polar Integration\n- **Overview & Auth**: `references\u002Fpolar\u002Foverview.md` - Platform capabilities, authentication methods, MoR concept\n- **Products & Pricing**: `references\u002Fpolar\u002Fproducts.md` - Product types, pricing models, usage-based billing\n- **Checkouts**: `references\u002Fpolar\u002Fcheckouts.md` - Checkout flows, embedded checkout, links\n- **Subscriptions**: `references\u002Fpolar\u002Fsubscriptions.md` - Lifecycle, upgrades, downgrades, trials\n- **Webhooks**: `references\u002Fpolar\u002Fwebhooks.md` - Event types, signature verification, monitoring\n- **Benefits**: `references\u002Fpolar\u002Fbenefits.md` - Automated delivery (GitHub, Discord, licenses, files)\n- **SDK Usage**: `references\u002Fpolar\u002Fsdk.md` - TypeScript, Python, PHP, Go, framework adapters\n- **Best Practices**: `references\u002Fpolar\u002Fbest-practices.md` - Security, patterns, monitoring\n\n### Integration Scripts\n- **SePay Webhook Verification**: `scripts\u002Fsepay-webhook-verify.js` - Verify SePay webhook authenticity\n- **Polar Webhook Verification**: `scripts\u002Fpolar-webhook-verify.js` - Verify Polar webhook signatures\n- **Checkout Helper**: `scripts\u002Fcheckout-helper.js` - Generate checkout sessions for both platforms\n\n## Implementation Workflow\n\n### SePay Implementation\n1. Load `references\u002Fsepay\u002Foverview.md` for auth setup\n2. Load `references\u002Fsepay\u002Fapi.md` or `references\u002Fsepay\u002Fsdk.md` for integration\n3. Load `references\u002Fsepay\u002Fwebhooks.md` for payment notifications\n4. Use `scripts\u002Fsepay-webhook-verify.js` for webhook verification\n5. Load `references\u002Fsepay\u002Fbest-practices.md` for production readiness\n\n### Polar Implementation\n1. Load `references\u002Fpolar\u002Foverview.md` for auth and concepts\n2. Load `references\u002Fpolar\u002Fproducts.md` for product setup\n3. Load `references\u002Fpolar\u002Fcheckouts.md` for payment flows\n4. Load `references\u002Fpolar\u002Fwebhooks.md` for event handling\n5. Use `scripts\u002Fpolar-webhook-verify.js` for webhook verification\n6. Load `references\u002Fpolar\u002Fbenefits.md` if automating delivery\n7. Load `references\u002Fpolar\u002Fbest-practices.md` for production readiness\n\n## Key Capabilities\n\n**SePay:**\n- Payment gateway (QR, bank transfer, cards)\n- Bank account monitoring with webhooks\n- Order-based virtual accounts\n- VietQR generation API\n- 44+ Vietnamese banks supported\n- Rate limit: 2 calls\u002Fsecond\n\n**Polar:**\n- Merchant of Record (global tax compliance)\n- Subscription lifecycle management\n- Usage-based billing (events, meters)\n- Automated benefits (GitHub, Discord, licenses)\n- Customer portal (self-service)\n- Multi-language SDKs\n- Rate limit: 300 req\u002Fmin\n\n## Instructions\n\nWhen implementing payment integration:\n\n1. **Identify platform** based on requirements (Vietnamese vs global, payment types)\n2. **Load relevant references** progressively as needed\n3. **Implement authentication** using platform-specific methods\n4. **Set up products\u002Fpricing** according to business model\n5. **Implement checkout flow** (hosted, embedded, or API-driven)\n6. **Configure webhooks** with proper verification\n7. **Handle payment events** (success, failure, refund)\n8. **Test thoroughly** in sandbox before production\n9. **Monitor and optimize** using platform analytics\n\nLoad only the references needed for current implementation step to maintain context efficiency.\n",{"name":5,"license":14,"version":43,"description":7},"1.0.0","main","89c86fd97855e6925d9bc26192f1e911bcbbb291","0-agents\u002Fagents\u002Fskills\u002Fpayment-integration","https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne","https:\u002F\u002Fgithub.com\u002Fhungtrandigital","2025-12-15 11:00:17",{"source":8,"skillName":5,"commands":51,"prompt":61,"zipAvailable":62},[52,55,58],{"tool":53,"command":54},"npx","npx skills add hungtrandigital\u002FResidentOne --skill payment-integration",{"tool":56,"command":57},"bunx","bunx skills add hungtrandigital\u002FResidentOne --skill payment-integration",{"tool":59,"command":60},"pnpm","pnpm dlx skills add hungtrandigital\u002FResidentOne --skill payment-integration","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002FSKILL.md",true,[64,70,74,78,82,86,90,94,98,102,106,110,114,118,122,126,130,136,140,144,148,152],{"path":65,"resourceType":66,"resourceTypeDesc":67,"sizeBytes":68,"sourceHtmlUrl":69},"evals\u002Fevals.json","REFERENCE","参考文档",5945,"https:\u002F\u002Fgithub.com\u002Fboisenoise\u002Fskills-collections\u002Fblob\u002Fmain\u002Fskills\u002Fantigravity-product-marketing-context\u002Fevals\u002Fevals.json",{"path":71,"resourceType":66,"resourceTypeDesc":67,"sizeBytes":72,"sourceHtmlUrl":73},"README.md",6045,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002FREADME.md",{"path":75,"resourceType":66,"resourceTypeDesc":67,"sizeBytes":76,"sourceHtmlUrl":77},"references\u002Fpolar\u002Fbenefits.md",8417,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002Freferences\u002Fpolar\u002Fbenefits.md",{"path":79,"resourceType":66,"resourceTypeDesc":67,"sizeBytes":80,"sourceHtmlUrl":81},"references\u002Fpolar\u002Fbest-practices.md",11180,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002Freferences\u002Fpolar\u002Fbest-practices.md",{"path":83,"resourceType":66,"resourceTypeDesc":67,"sizeBytes":84,"sourceHtmlUrl":85},"references\u002Fpolar\u002Fcheckouts.md",6328,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002Freferences\u002Fpolar\u002Fcheckouts.md",{"path":87,"resourceType":66,"resourceTypeDesc":67,"sizeBytes":88,"sourceHtmlUrl":89},"references\u002Fpolar\u002Foverview.md",4663,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002Freferences\u002Fpolar\u002Foverview.md",{"path":91,"resourceType":66,"resourceTypeDesc":67,"sizeBytes":92,"sourceHtmlUrl":93},"references\u002Fpolar\u002Fproducts.md",5363,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002Freferences\u002Fpolar\u002Fproducts.md",{"path":95,"resourceType":66,"resourceTypeDesc":67,"sizeBytes":96,"sourceHtmlUrl":97},"references\u002Fpolar\u002Fsdk.md",9493,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002Freferences\u002Fpolar\u002Fsdk.md",{"path":99,"resourceType":66,"resourceTypeDesc":67,"sizeBytes":100,"sourceHtmlUrl":101},"references\u002Fpolar\u002Fsubscriptions.md",7538,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002Freferences\u002Fpolar\u002Fsubscriptions.md",{"path":103,"resourceType":66,"resourceTypeDesc":67,"sizeBytes":104,"sourceHtmlUrl":105},"references\u002Fpolar\u002Fwebhooks.md",9129,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002Freferences\u002Fpolar\u002Fwebhooks.md",{"path":107,"resourceType":66,"resourceTypeDesc":67,"sizeBytes":108,"sourceHtmlUrl":109},"references\u002Fsepay\u002Fapi.md",3316,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002Freferences\u002Fsepay\u002Fapi.md",{"path":111,"resourceType":66,"resourceTypeDesc":67,"sizeBytes":112,"sourceHtmlUrl":113},"references\u002Fsepay\u002Fbest-practices.md",8409,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002Freferences\u002Fsepay\u002Fbest-practices.md",{"path":115,"resourceType":66,"resourceTypeDesc":67,"sizeBytes":116,"sourceHtmlUrl":117},"references\u002Fsepay\u002Foverview.md",3556,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002Freferences\u002Fsepay\u002Foverview.md",{"path":119,"resourceType":66,"resourceTypeDesc":67,"sizeBytes":120,"sourceHtmlUrl":121},"references\u002Fsepay\u002Fqr-codes.md",5081,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002Freferences\u002Fsepay\u002Fqr-codes.md",{"path":123,"resourceType":66,"resourceTypeDesc":67,"sizeBytes":124,"sourceHtmlUrl":125},"references\u002Fsepay\u002Fsdk.md",4790,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002Freferences\u002Fsepay\u002Fsdk.md",{"path":127,"resourceType":66,"resourceTypeDesc":67,"sizeBytes":128,"sourceHtmlUrl":129},"references\u002Fsepay\u002Fwebhooks.md",4723,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002Freferences\u002Fsepay\u002Fwebhooks.md",{"path":131,"resourceType":132,"resourceTypeDesc":133,"sizeBytes":134,"sourceHtmlUrl":135},"scripts\u002F.env.example","SCRIPT","脚本",619,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002Fscripts\u002F.env.example",{"path":137,"resourceType":132,"resourceTypeDesc":133,"sizeBytes":138,"sourceHtmlUrl":139},"scripts\u002Fcheckout-helper.js",7377,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002Fscripts\u002Fcheckout-helper.js",{"path":141,"resourceType":132,"resourceTypeDesc":133,"sizeBytes":142,"sourceHtmlUrl":143},"scripts\u002Fpackage.json",324,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002Fscripts\u002Fpackage.json",{"path":145,"resourceType":132,"resourceTypeDesc":133,"sizeBytes":146,"sourceHtmlUrl":147},"scripts\u002Fpolar-webhook-verify.js",5650,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002Fscripts\u002Fpolar-webhook-verify.js",{"path":149,"resourceType":132,"resourceTypeDesc":133,"sizeBytes":150,"sourceHtmlUrl":151},"scripts\u002Fsepay-webhook-verify.js",5504,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002Fscripts\u002Fsepay-webhook-verify.js",{"path":153,"resourceType":132,"resourceTypeDesc":133,"sizeBytes":154,"sourceHtmlUrl":155},"scripts\u002Ftest-scripts.js",7678,"https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fpayment-integration\u002Fscripts\u002Ftest-scripts.js",[157,182,212,233,247,261],{"skillNo":158,"name":159,"nameZh":6,"description":160,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":161,"categories":162,"keywords":163,"publishedAt":38},"01M6C4SJJB90YSQZT2MTSN0GC5","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\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fweb-frameworks\u002FSKILL.md",[],[164,165,166,167,168,169,170,171,172,21,173,174,175,27,176,177,178,179,180,181],"web frameworks","web","components","performance","react","projects","parallel execution","up","router","monorepo","parallel","stack","applications","execution","server","icons","packages","libraries",{"skillNo":183,"name":184,"nameZh":6,"description":185,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":186,"categories":187,"keywords":198,"publishedAt":38},"01M6C4S5DJXAB94E33E98Y0KFW","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\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fui-styling\u002FSKILL.md",[188,193],{"categoryNo":189,"categoryName":190,"taxonomyType":191,"taxonomyTypeDesc":192},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":194,"categoryName":195,"taxonomyType":196,"taxonomyTypeDesc":197},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[199,200,201,202,21,203,204,205,176,206,207,208,166,209,210,211],"styling","ui","ui styling","first","radix ui","user","Tailwind","shadcn","design systems","create","canvas","design","css",{"skillNo":213,"name":214,"nameZh":6,"description":215,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":216,"categories":217,"keywords":218,"publishedAt":38},"01M6C4S1SK4FH1200A3FBS7MVN","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\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fthreejs\u002FSKILL.md",[],[214,165,219,220,221,222,223,224,225,226,32,227,228,176,229,230,231,24,232,21],"webxr","webgl","pbr","graphics","gltf","webgpu","ssr","shaders","library","data","Animation","3D","visualizations","interactive",{"skillNo":234,"name":235,"nameZh":6,"description":236,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":237,"categories":238,"keywords":239,"publishedAt":38},"01M6C4RP0SV44MC0YCNME88W0Q","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\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fsequential-thinking\u002FSKILL.md",[],[240,241,21,242,243,244,245,246],"sequential thinking","work","analysis","hypothesis","verification","planning","tasks",{"skillNo":248,"name":249,"nameZh":6,"description":250,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":251,"categories":252,"keywords":256,"publishedAt":38},"01M6C4RM60Z0B06MVD3GGVZZV5","research","Use when you need to research, analyze, and plan technical solutions that are scalable, secure, and maintainable.","https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fresearch\u002FSKILL.md",[253],{"categoryNo":254,"categoryName":255,"taxonomyType":191,"taxonomyTypeDesc":192},"01JBSEEDCAT000000000000021","资料检索与研究",[249,257,21,258,259,260],"plan","technical","analyze","secure",{"skillNo":262,"name":245,"nameZh":6,"description":263,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":264,"categories":265,"keywords":266,"publishedAt":38},"01M6C4RBZJRKX6H9CQ9ABECXX0","Use when you need to plan technical solutions that are scalable, secure, and maintainable.","https:\u002F\u002Fgithub.com\u002Fhungtrandigital\u002FResidentOne\u002Fblob\u002Fmain\u002F0-agents\u002Fagents\u002Fskills\u002Fplanning\u002FSKILL.md",[],[245,257,258,21,260]]