[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71C5DPRJFWDR2EWW7G8G794":3,"skill-same:01M71C5DPRJFWDR2EWW7G8G794":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":30,"linkOnly":31,"markdownContent":32,"markdownBody":33,"frontMatter":34,"refName":36,"commitSha":37,"skillDirectory":38,"forksCount":14,"repositoryHtmlUrl":39,"repositoryHomepageUrl":6,"ownerHtmlUrl":40,"ownerBlogUrl":6,"ownerDescription":41,"updatedAt":42,"install":43,"resources":56},"01M71C5DPRJFWDR2EWW7G8G794","performance-profiling",null,"Performance profiling principles. Measurement, analysis, and optimization techniques.","yqecea\u002Fgem-swarm","yqecea","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F196189405?v=4","01M71C12KWH5QPTE12J69335KF","Yusuf","01M71C12MFS3BRGNE5SSHB4DY9",1,"Apache-2.0","https:\u002F\u002Fgithub.com\u002Fyqecea\u002Fgem-swarm\u002Fblob\u002Fmain\u002Fsrc\u002Fskills\u002Fdomain\u002Fperformance-profiling\u002FSKILL.md",[],[19,20,21,22,23,24,25,26,27,28,29],"performance","performance profiling","profiling","measurement","Optimization","techniques","Bash","analysis","principles","read","grep","2026-11-10 10:12:30",false,"---\nname: performance-profiling\ndescription: Performance profiling principles. Measurement, analysis, and optimization techniques.\nallowed-tools: Read, Glob, Grep, Bash\n---\n\n# Performance Profiling\n\n> Measure, analyze, optimize - in that order.\n\n## 🔧 Runtime Scripts\n\n**Execute these for automated profiling:**\n\n| Script | Purpose | Usage |\n|--------|---------|-------|\n| `scripts\u002Flighthouse_audit.py` | Lighthouse performance audit | `python scripts\u002Flighthouse_audit.py https:\u002F\u002Fexample.com` |\n\n---\n\n## 1. Core Web Vitals\n\n### Targets\n\n| Metric | Good | Poor | Measures |\n|--------|------|------|----------|\n| **LCP** | \u003C 2.5s | > 4.0s | Loading |\n| **INP** | \u003C 200ms | > 500ms | Interactivity |\n| **CLS** | \u003C 0.1 | > 0.25 | Stability |\n\n### When to Measure\n\n| Stage | Tool |\n|-------|------|\n| Development | Local Lighthouse |\n| CI\u002FCD | Lighthouse CI |\n| Production | RUM (Real User Monitoring) |\n\n---\n\n## 2. Profiling Workflow\n\n### The 4-Step Process\n\n```\n1. BASELINE → Measure current state\n2. IDENTIFY → Find the bottleneck\n3. FIX → Make targeted change\n4. VALIDATE → Confirm improvement\n```\n\n### Profiling Tool Selection\n\n| Problem | Tool |\n|---------|------|\n| Page load | Lighthouse |\n| Bundle size | Bundle analyzer |\n| Runtime | DevTools Performance |\n| Memory | DevTools Memory |\n| Network | DevTools Network |\n\n---\n\n## 3. Bundle Analysis\n\n### What to Look For\n\n| Issue | Indicator |\n|-------|-----------|\n| Large dependencies | Top of bundle |\n| Duplicate code | Multiple chunks |\n| Unused code | Low coverage |\n| Missing splits | Single large chunk |\n\n### Optimization Actions\n\n| Finding | Action |\n|---------|--------|\n| Big library | Import specific modules |\n| Duplicate deps | Dedupe, update versions |\n| Route in main | Code split |\n| Unused exports | Tree shake |\n\n---\n\n## 4. Runtime Profiling\n\n### Performance Tab Analysis\n\n| Pattern | Meaning |\n|---------|---------|\n| Long tasks (>50ms) | UI blocking |\n| Many small tasks | Possible batching opportunity |\n| Layout\u002Fpaint | Rendering bottleneck |\n| Script | JavaScript execution |\n\n### Memory Tab Analysis\n\n| Pattern | Meaning |\n|---------|---------|\n| Growing heap | Possible leak |\n| Large retained | Check references |\n| Detached DOM | Not cleaned up |\n\n---\n\n## 5. Common Bottlenecks\n\n### By Symptom\n\n| Symptom | Likely Cause |\n|---------|--------------|\n| Slow initial load | Large JS, render blocking |\n| Slow interactions | Heavy event handlers |\n| Jank during scroll | Layout thrashing |\n| Growing memory | Leaks, retained refs |\n\n---\n\n## 6. Quick Win Priorities\n\n| Priority | Action | Impact |\n|----------|--------|--------|\n| 1 | Enable compression | High |\n| 2 | Lazy load images | High |\n| 3 | Code split routes | High |\n| 4 | Cache static assets | Medium |\n| 5 | Optimize images | Medium |\n\n---\n\n## 7. Anti-Patterns\n\n| ❌ Don't | ✅ Do |\n|----------|-------|\n| Guess at problems | Profile first |\n| Micro-optimize | Fix biggest issue |\n| Optimize early | Optimize when needed |\n| Ignore real users | Use RUM data |\n\n---\n\n> **Remember:** The fastest code is code that doesn't run. Remove before optimizing.\n","# Performance Profiling\n\n> Measure, analyze, optimize - in that order.\n\n## 🔧 Runtime Scripts\n\n**Execute these for automated profiling:**\n\n| Script | Purpose | Usage |\n|--------|---------|-------|\n| `scripts\u002Flighthouse_audit.py` | Lighthouse performance audit | `python scripts\u002Flighthouse_audit.py https:\u002F\u002Fexample.com` |\n\n---\n\n## 1. Core Web Vitals\n\n### Targets\n\n| Metric | Good | Poor | Measures |\n|--------|------|------|----------|\n| **LCP** | \u003C 2.5s | > 4.0s | Loading |\n| **INP** | \u003C 200ms | > 500ms | Interactivity |\n| **CLS** | \u003C 0.1 | > 0.25 | Stability |\n\n### When to Measure\n\n| Stage | Tool |\n|-------|------|\n| Development | Local Lighthouse |\n| CI\u002FCD | Lighthouse CI |\n| Production | RUM (Real User Monitoring) |\n\n---\n\n## 2. Profiling Workflow\n\n### The 4-Step Process\n\n```\n1. BASELINE → Measure current state\n2. IDENTIFY → Find the bottleneck\n3. FIX → Make targeted change\n4. VALIDATE → Confirm improvement\n```\n\n### Profiling Tool Selection\n\n| Problem | Tool |\n|---------|------|\n| Page load | Lighthouse |\n| Bundle size | Bundle analyzer |\n| Runtime | DevTools Performance |\n| Memory | DevTools Memory |\n| Network | DevTools Network |\n\n---\n\n## 3. Bundle Analysis\n\n### What to Look For\n\n| Issue | Indicator |\n|-------|-----------|\n| Large dependencies | Top of bundle |\n| Duplicate code | Multiple chunks |\n| Unused code | Low coverage |\n| Missing splits | Single large chunk |\n\n### Optimization Actions\n\n| Finding | Action |\n|---------|--------|\n| Big library | Import specific modules |\n| Duplicate deps | Dedupe, update versions |\n| Route in main | Code split |\n| Unused exports | Tree shake |\n\n---\n\n## 4. Runtime Profiling\n\n### Performance Tab Analysis\n\n| Pattern | Meaning |\n|---------|---------|\n| Long tasks (>50ms) | UI blocking |\n| Many small tasks | Possible batching opportunity |\n| Layout\u002Fpaint | Rendering bottleneck |\n| Script | JavaScript execution |\n\n### Memory Tab Analysis\n\n| Pattern | Meaning |\n|---------|---------|\n| Growing heap | Possible leak |\n| Large retained | Check references |\n| Detached DOM | Not cleaned up |\n\n---\n\n## 5. Common Bottlenecks\n\n### By Symptom\n\n| Symptom | Likely Cause |\n|---------|--------------|\n| Slow initial load | Large JS, render blocking |\n| Slow interactions | Heavy event handlers |\n| Jank during scroll | Layout thrashing |\n| Growing memory | Leaks, retained refs |\n\n---\n\n## 6. Quick Win Priorities\n\n| Priority | Action | Impact |\n|----------|--------|--------|\n| 1 | Enable compression | High |\n| 2 | Lazy load images | High |\n| 3 | Code split routes | High |\n| 4 | Cache static assets | Medium |\n| 5 | Optimize images | Medium |\n\n---\n\n## 7. Anti-Patterns\n\n| ❌ Don't | ✅ Do |\n|----------|-------|\n| Guess at problems | Profile first |\n| Micro-optimize | Fix biggest issue |\n| Optimize early | Optimize when needed |\n| Ignore real users | Use RUM data |\n\n---\n\n> **Remember:** The fastest code is code that doesn't run. Remove before optimizing.\n",{"name":5,"description":7,"allowed-tools":35},"Read, Glob, Grep, Bash","main","923c514d4d5e15bbfd65ec7eaf949a997679aa3e","src\u002Fskills\u002Fdomain\u002Fperformance-profiling","https:\u002F\u002Fgithub.com\u002Fyqecea\u002Fgem-swarm","https:\u002F\u002Fgithub.com\u002Fyqecea","15 y.o Data Science,Student","2026-04-26 20:00:27",{"source":8,"skillName":5,"commands":44,"prompt":54,"zipAvailable":55},[45,48,51],{"tool":46,"command":47},"npx","npx skills add yqecea\u002Fgem-swarm --skill performance-profiling",{"tool":49,"command":50},"bunx","bunx skills add yqecea\u002Fgem-swarm --skill performance-profiling",{"tool":52,"command":53},"pnpm","pnpm dlx skills add yqecea\u002Fgem-swarm --skill performance-profiling","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fyqecea\u002Fgem-swarm\u002Fblob\u002Fmain\u002Fsrc\u002Fskills\u002Fdomain\u002Fperformance-profiling\u002FSKILL.md",true,[57],{"path":58,"resourceType":59,"resourceTypeDesc":60,"sizeBytes":61,"sourceHtmlUrl":62},"scripts\u002Flighthouse_audit.py","SCRIPT","脚本",2657,"https:\u002F\u002Fgithub.com\u002Fyqecea\u002Fgem-swarm\u002Fblob\u002Fmain\u002Fsrc\u002Fskills\u002Fdomain\u002Fperformance-profiling\u002Fscripts\u002Flighthouse_audit.py",[64,78,92,103,115,140],{"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":30},"01M71C74XVPP23ST10E8MYJZA0","validation","Cross-cutting validation methodology for verifying phase outputs and project integrity","https:\u002F\u002Fgithub.com\u002Fyqecea\u002Fgem-swarm\u002Fblob\u002Fmain\u002Fsrc\u002Fskills\u002Fshared\u002Fvalidation\u002FSKILL.md",[],[66,71,72,73,74,75,76,77],"validation methodology","for","project","outputs","phase","methodology","integrity",{"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":30},"01M71C72PTKRV481M975R3QDDE","session-management","Manages orchestration session state, tracking, and resumption","https:\u002F\u002Fgithub.com\u002Fyqecea\u002Fgem-swarm\u002Fblob\u002Fmain\u002Fsrc\u002Fskills\u002Fshared\u002Fsession-management\u002FSKILL.md",[],[85,86,87,88,89,90,91],"session management","session","management","session state","orchestration","state","tracking",{"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":30},"01M71C6ZY1EGM4SGVYT4B2HHD7","implementation-planning","Generates detailed implementation plans from finalized designs","https:\u002F\u002Fgithub.com\u002Fyqecea\u002Fgem-swarm\u002Fblob\u002Fmain\u002Fsrc\u002Fskills\u002Fshared\u002Fimplementation-planning\u002FSKILL.md",[],[99,100,101,102],"planning","implementation","implementation planning","plans",{"skillNo":104,"name":105,"nameZh":6,"description":106,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":107,"categories":108,"keywords":109,"publishedAt":30},"01M71C6XQVGMDFJ50BP5SBDS76","execution","Phase execution methodology for orchestration workflows with error handling and completion protocols","https:\u002F\u002Fgithub.com\u002Fyqecea\u002Fgem-swarm\u002Fblob\u002Fmain\u002Fsrc\u002Fskills\u002Fshared\u002Fexecution\u002FSKILL.md",[],[105,72,76,110,111,89,75,112,113,114],"error","workflows","protocols","error handling","with",{"skillNo":116,"name":117,"nameZh":6,"description":118,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":119,"categories":120,"keywords":131,"publishedAt":30},"01M71C6VY8APWMNK1XEJ3WP7A2","design-dialogue","Guides structured design conversations for complex engineering tasks","https:\u002F\u002Fgithub.com\u002Fyqecea\u002Fgem-swarm\u002Fblob\u002Fmain\u002Fsrc\u002Fskills\u002Fshared\u002Fdesign-dialogue\u002FSKILL.md",[121,126],{"categoryNo":122,"categoryName":123,"taxonomyType":124,"taxonomyTypeDesc":125},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":127,"categoryName":128,"taxonomyType":129,"taxonomyTypeDesc":130},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[132,133,134,135,136,72,137,138,139],"dialogue","design","design dialogue","guides","conversations","tasks","engineering","structured",{"skillNo":141,"name":142,"nameZh":6,"description":143,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":144,"categories":145,"keywords":152,"publishedAt":30},"01M71C6R4RJWG3S2R26778TPD8","delegation","Agent delegation best practices for constructing effective subagent prompts with proper scoping","https:\u002F\u002Fgithub.com\u002Fyqecea\u002Fgem-swarm\u002Fblob\u002Fmain\u002Fsrc\u002Fskills\u002Fshared\u002Fdelegation\u002FSKILL.md",[146,149],{"categoryNo":147,"categoryName":148,"taxonomyType":124,"taxonomyTypeDesc":125},"01JBSEEDCAT000000000000010","后端与接口",{"categoryNo":150,"categoryName":151,"taxonomyType":124,"taxonomyTypeDesc":125},"01JBSEEDCAT000000000000023","Skill与智能体开发",[142,153,154,72,155,114,156],"subagent","scoping","best practices","prompts"]