[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6FWMJGZPBPW2DSHP7SHT8N7":3,"skill-same:01M6FWMJGZPBPW2DSHP7SHT8N7":81},{"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":23,"linkOnly":24,"markdownContent":25,"markdownBody":26,"frontMatter":27,"refName":28,"commitSha":29,"skillDirectory":30,"forksCount":31,"repositoryHtmlUrl":32,"repositoryHomepageUrl":6,"ownerHtmlUrl":33,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":34,"install":35,"resources":48},"01M6FWMJGZPBPW2DSHP7SHT8N7","lazy-loader",null,"Identify components that should be lazy loaded using AI. Use when optimizing bundle size and initial load.","kbarbel640-del\u002Fskills","kbarbel640-del","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F255315490?v=4","01M6CJPPQGCCESXMG3K7BBGQ5J","01M6CJPPX2PB2BCZERFVM2C2B3",1,"MIT","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Flxgicstudios\u002Flazy-loader\u002FSKILL.md",[],[18,19,20,21,22],"lazy loader","components","bundle size","use","bundle","2026-11-10 10:12:30",false,"---\nname: lazy-loader\ndescription: Identify components that should be lazy loaded using AI. Use when optimizing bundle size and initial load.\n---\n\n# Lazy Load Analyzer\n\nYour bundle is huge and your initial load is slow. This tool finds components that should be dynamically imported and tells you exactly how to split them. Stop shipping the entire app on first load.\n\n**One command. Zero config. Just works.**\n\n## Quick Start\n\n```bash\nnpx ai-lazy-load .\u002Fsrc\n```\n\n## What It Does\n\n- Analyzes your component tree for lazy loading opportunities\n- Identifies below-the-fold components that don't need immediate loading\n- Finds route-based splits for Next.js and React Router\n- Suggests React.lazy() implementations with Suspense boundaries\n- Estimates bundle size impact for each suggestion\n\n## Usage Examples\n\n```bash\n# Analyze all components\nnpx ai-lazy-load .\u002Fsrc\u002Fcomponents\n\n# Focus on pages\u002Froutes\nnpx ai-lazy-load .\u002Fsrc\u002Fpages --routes-only\n\n# Show bundle impact estimates\nnpx ai-lazy-load .\u002Fsrc --with-sizes\n\n# Generate ready-to-use code\nnpx ai-lazy-load .\u002Fsrc --generate-code\n\n# Next.js specific analysis\nnpx ai-lazy-load .\u002Fsrc --framework next\n```\n\n## Best Practices\n\n- **Don't lazy load everything** - Above-the-fold components should load immediately\n- **Group related components** - Lazy load a feature module, not individual buttons\n- **Add proper loading states** - Every Suspense boundary needs a fallback\n- **Measure the difference** - Check your bundle analyzer before and after\n\n## When to Use This\n\n- Initial bundle size is over 200KB gzipped\n- Lighthouse says \"reduce unused JavaScript\"\n- Adding features and worried about bloat\n- Refactoring an app to improve TTI\n\n## Part of the LXGIC Dev Toolkit\n\nThis is one of 110+ free developer tools built by LXGIC Studios. No paywalls, no sign-ups, no API keys on free tiers. Just tools that work.\n\n**Find more:**\n- GitHub: https:\u002F\u002Fgithub.com\u002FLXGIC-Studios\n- Twitter: https:\u002F\u002Fx.com\u002Flxgicstudios\n- Substack: https:\u002F\u002Flxgicstudios.substack.com\n- Website: https:\u002F\u002Flxgic.dev\n\n## Requirements\n\nNo install needed. Just run with npx. Node.js 18+ recommended.\n\n```bash\nnpx ai-lazy-load --help\n```\n\n## How It Works\n\nThe tool parses your component imports and builds a dependency graph. It identifies components that are conditionally rendered, below viewport, or behind user interactions. AI evaluates which splits give you the best performance gains with minimal complexity.\n\n## License\n\nMIT. Free forever. Use it however you want.\n","# Lazy Load Analyzer\n\nYour bundle is huge and your initial load is slow. This tool finds components that should be dynamically imported and tells you exactly how to split them. Stop shipping the entire app on first load.\n\n**One command. Zero config. Just works.**\n\n## Quick Start\n\n```bash\nnpx ai-lazy-load .\u002Fsrc\n```\n\n## What It Does\n\n- Analyzes your component tree for lazy loading opportunities\n- Identifies below-the-fold components that don't need immediate loading\n- Finds route-based splits for Next.js and React Router\n- Suggests React.lazy() implementations with Suspense boundaries\n- Estimates bundle size impact for each suggestion\n\n## Usage Examples\n\n```bash\n# Analyze all components\nnpx ai-lazy-load .\u002Fsrc\u002Fcomponents\n\n# Focus on pages\u002Froutes\nnpx ai-lazy-load .\u002Fsrc\u002Fpages --routes-only\n\n# Show bundle impact estimates\nnpx ai-lazy-load .\u002Fsrc --with-sizes\n\n# Generate ready-to-use code\nnpx ai-lazy-load .\u002Fsrc --generate-code\n\n# Next.js specific analysis\nnpx ai-lazy-load .\u002Fsrc --framework next\n```\n\n## Best Practices\n\n- **Don't lazy load everything** - Above-the-fold components should load immediately\n- **Group related components** - Lazy load a feature module, not individual buttons\n- **Add proper loading states** - Every Suspense boundary needs a fallback\n- **Measure the difference** - Check your bundle analyzer before and after\n\n## When to Use This\n\n- Initial bundle size is over 200KB gzipped\n- Lighthouse says \"reduce unused JavaScript\"\n- Adding features and worried about bloat\n- Refactoring an app to improve TTI\n\n## Part of the LXGIC Dev Toolkit\n\nThis is one of 110+ free developer tools built by LXGIC Studios. No paywalls, no sign-ups, no API keys on free tiers. Just tools that work.\n\n**Find more:**\n- GitHub: https:\u002F\u002Fgithub.com\u002FLXGIC-Studios\n- Twitter: https:\u002F\u002Fx.com\u002Flxgicstudios\n- Substack: https:\u002F\u002Flxgicstudios.substack.com\n- Website: https:\u002F\u002Flxgic.dev\n\n## Requirements\n\nNo install needed. Just run with npx. Node.js 18+ recommended.\n\n```bash\nnpx ai-lazy-load --help\n```\n\n## How It Works\n\nThe tool parses your component imports and builds a dependency graph. It identifies components that are conditionally rendered, below viewport, or behind user interactions. AI evaluates which splits give you the best performance gains with minimal complexity.\n\n## License\n\nMIT. Free forever. Use it however you want.\n",{"name":5,"description":7},"main","e7e336ac628c3e3bd771aff1aaa469c93778f94a","skills\u002Flxgicstudios\u002Flazy-loader",0,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del","2026-08-23 22:39:37",{"source":8,"skillName":5,"commands":36,"prompt":46,"zipAvailable":47},[37,40,43],{"tool":38,"command":39},"npx","npx skills add kbarbel640-del\u002Fskills --skill lazy-loader",{"tool":41,"command":42},"bunx","bunx skills add kbarbel640-del\u002Fskills --skill lazy-loader",{"tool":44,"command":45},"pnpm","pnpm dlx skills add kbarbel640-del\u002Fskills --skill lazy-loader","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Flxgicstudios\u002Flazy-loader\u002FSKILL.md",true,[49,55,59,63,67,73,77],{"path":50,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":53,"sourceHtmlUrl":54},"_meta.json","REFERENCE","参考文档",287,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Flxgicstudios\u002Flazy-loader\u002F_meta.json",{"path":56,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":57,"sourceHtmlUrl":58},"package-lock.json",47281,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Flxgicstudios\u002Flazy-loader\u002Fpackage-lock.json",{"path":60,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":61,"sourceHtmlUrl":62},"package.json",614,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Flxgicstudios\u002Flazy-loader\u002Fpackage.json",{"path":64,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":65,"sourceHtmlUrl":66},"README.md",277,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Flxgicstudios\u002Flazy-loader\u002FREADME.md",{"path":68,"resourceType":69,"resourceTypeDesc":70,"sizeBytes":71,"sourceHtmlUrl":72},"src\u002Fcli.ts","SCRIPT","脚本",972,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Flxgicstudios\u002Flazy-loader\u002Fsrc\u002Fcli.ts",{"path":74,"resourceType":69,"resourceTypeDesc":70,"sizeBytes":75,"sourceHtmlUrl":76},"src\u002Findex.ts",1308,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Flxgicstudios\u002Flazy-loader\u002Fsrc\u002Findex.ts",{"path":78,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":79,"sourceHtmlUrl":80},"tsconfig.json",211,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Flxgicstudios\u002Flazy-loader\u002Ftsconfig.json",[82,113,141,162,168,188],{"skillNo":83,"name":84,"nameZh":6,"description":85,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":86,"categories":87,"keywords":93,"publishedAt":23},"01M6G8J55967D6281ACMKAKTEQ","crowd-prompting","A marketplace where AI agents improve prompts, system instructions, tool descriptions, and other text-based content with domain expertise from real-world operations — and earn tokens for valuable contributions.","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fzzadrian\u002Fcrowd-prompting\u002FSKILL.md",[88],{"categoryNo":89,"categoryName":90,"taxonomyType":91,"taxonomyTypeDesc":92},"01JBSEEDCAT000000000000036","内容创作者","PROFESSION","适用职业",[94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112],"crowd prompting","prompting","api","with","tokens","domain","world","prompts","operations","instructions","text","tool","system","improve","productivity","marketplace","https","content","ai agents",{"skillNo":114,"name":115,"nameZh":6,"description":116,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":117,"categories":118,"keywords":124,"publishedAt":23},"01M6G8J0PKPAYVET6BWE8W4C26","dilemm-ai","Compete in DilemmAI, the prisoner's dilemma AI arena at dilemm.ai. Use when an OpenClaw agent wants to create an account, design and submit strategy prompts for their bot, enter matchmaking, analyze historical matches and leaderboards, and iterate on bot strategy. Requires headless browser automation (no API available yet).","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fzyori\u002Fdilemm-ai\u002FSKILL.md",[119],{"categoryNo":120,"categoryName":121,"taxonomyType":122,"taxonomyTypeDesc":123},"01JBSEEDCAT000000000000023","Skill与智能体开发","SCENARIO","使用场景",[125,96,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,101,21],"dilemm ai","arena","analyze","browser","openclaw agent","create","automation","browser automation","bot","openclaw","design","strategy","headless","compete","submit","matchmaking",{"skillNo":142,"name":143,"nameZh":6,"description":144,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":145,"categories":146,"keywords":150,"publishedAt":23},"01M6G8HWAF3K9SW7NP3Z83CPJ6","arxiv-paper-reviews","Interact with arXiv Crawler API to fetch papers, read reviews, and submit comments. Use when working with arXiv papers, fetching paper lists by date\u002Fcategory\u002Finterest, viewing paper details with comments, or submitting paper reviews via API at http:\u002F\u002F150.158.152.82:8000.","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fzxrys\u002Fweak-accept\u002FSKILL.md",[147],{"categoryNo":148,"categoryName":149,"taxonomyType":122,"taxonomyTypeDesc":123},"01JBSEEDCAT000000000000021","资料检索与研究",[151,152,153,154,155,156,157,97,158,139,21,159,96,160,161],"arxiv paper reviews","reviews","arxiv","paper","crawler","papers","comments","fetch","read","http","via",{"skillNo":163,"name":143,"nameZh":6,"description":144,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":164,"categories":165,"keywords":167,"publishedAt":23},"01M6G8HQJ7N7WMY6YV7D7SSJ16","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fzxrys\u002Farxiv-paper-reviews\u002FSKILL.md",[166],{"categoryNo":148,"categoryName":149,"taxonomyType":122,"taxonomyTypeDesc":123},[154,153,152,151,161,156,157,97,155,139,21,158,159,96,160],{"skillNo":169,"name":170,"nameZh":6,"description":171,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":172,"categories":173,"keywords":174,"publishedAt":23},"01M6G8HM95Y64JNVFC2HN4E2BG","git-summary","Get a quick summary of the current Git repository including status, recent commits, branches, and contributors.","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fzweack\u002Fgit-summary\u002FSKILL.md",[],[175,176,177,178,179,180,181,182,183,184,185,186,187],"git","summary","git summary","commits","repository","win32","status","linux","contributors","true","quick","get","branches",{"skillNo":189,"name":190,"nameZh":6,"description":191,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":192,"categories":193,"keywords":198,"publishedAt":23},"01M6G8HGEGF05CNEJCGVYFSC4R","agent-constitution","Interact with AgentConstitution governance contracts on Base Sepolia. Check compliance, read rules, log actions, query governance state.","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fztsalexey\u002Fagent-constitution\u002FSKILL.md",[194,195],{"categoryNo":120,"categoryName":121,"taxonomyType":122,"taxonomyTypeDesc":123},{"categoryNo":196,"categoryName":197,"taxonomyType":91,"taxonomyTypeDesc":92},"01JBSEEDCAT000000000000037","律师与法务",[199,200,201,202,97,203,204,28,205,159,206,207,208,209,210,110,211,212,213],"agent constitution","constitution","contracts","tree","query","base","log","check","Rules","projects","compliance","actions","state","governance","github"]