[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6EQ1B7E6EB18MZPYAB0E5DF":3,"skill-same:01M6EQ1B7E6EB18MZPYAB0E5DF":78},{"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":37,"linkOnly":38,"markdownContent":39,"markdownBody":40,"frontMatter":41,"refName":43,"commitSha":44,"skillDirectory":45,"forksCount":46,"repositoryHtmlUrl":47,"repositoryHomepageUrl":48,"ownerHtmlUrl":49,"ownerBlogUrl":6,"ownerDescription":50,"updatedAt":51,"install":52,"resources":65},"01M6EQ1B7E6EB18MZPYAB0E5DF","visual-qa",null,"Complete visual QA - screenshots with full-page scroll to trigger animations, then analyze with Claude. Run after CSS\u002Ftemplate changes.","ComeOnOliver\u002Fskillshub","ComeOnOliver","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F43215937?v=4","01M6E5JNFECJAAVFE0W7SMWWD2","Haoran Shu","01M6E5JNNDQS7AJZDYFQ8TPZCK",66,"MIT","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fcrazyswami\u002Fvisual-qa\u002FSKILL.md",[],[19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36],"visual qa","qa","visual","write","complete","trigger","full","scroll","task","edit","screenshots","read","page","analyze","template","Bash","run","css","2026-11-10 10:12:30",false,"---\nname: visual-qa\ndescription: Complete visual QA - screenshots with full-page scroll to trigger animations, then analyze with Claude. Run after CSS\u002Ftemplate changes.\nallowed-tools: Read, Write, Edit, Bash, Task\n---\n\n# Visual QA Skill\n\nAutomated visual testing that properly handles GSAP animations by scrolling through the entire page before capturing screenshots.\n\n## Usage\n\nAsk Claude to run visual QA:\n- \"Run visual QA on the CSR site\"\n- \"Take screenshots of all pages and analyze them\"\n- \"Check the visual state of the website\"\n\n## What This Skill Does\n\n1. **Full-Page Scroll** - Scrolls through entire page in increments to trigger all GSAP\u002FScrollTrigger animations\n2. **Multi-Device Screenshots** - Desktop (1920px), Tablet (768px), Mobile (375px)\n3. **Parallel Processing** - Uses Haiku sub-agents to analyze multiple pages simultaneously\n4. **Visual Analysis** - Reviews screenshots for issues\n\n## Pages Tested\n\n| Page | URL |\n|------|-----|\n| Home | https:\u002F\u002Fcsrdevelopment.com\u002F |\n| About | https:\u002F\u002Fcsrdevelopment.com\u002Fabout\u002F |\n| Portfolio | https:\u002F\u002Fcsrdevelopment.com\u002Fportfolio\u002F |\n| Contact | https:\u002F\u002Fcsrdevelopment.com\u002Fcontact\u002F |\n| Privacy Policy | https:\u002F\u002Fcsrdevelopment.com\u002Fprivacy-policy\u002F |\n| Terms | https:\u002F\u002Fcsrdevelopment.com\u002Fterms-of-service\u002F |\n\n## Screenshot Script\n\nLocation: `\u002Froot\u002F.claude\u002Fskills\u002Fvisual-qa\u002Fscreenshot.py`\n\n### Single Page\n```bash\npython3 \u002Froot\u002F.claude\u002Fskills\u002Fvisual-qa\u002Fscreenshot.py --url https:\u002F\u002Fcsrdevelopment.com\u002Fabout\u002F\n```\n\n### All Pages\n```bash\npython3 \u002Froot\u002F.claude\u002Fskills\u002Fvisual-qa\u002Fscreenshot.py --all\n```\n\n### Output\nScreenshots saved to: `\u002Fhome\u002Fdev\u002Fscreenshots\u002F`\n\n## Parallel Analysis with Haiku\n\nWhen running full visual QA, launch multiple Haiku agents to analyze different pages simultaneously:\n\n```\nAgent 1: Analyze Home + About screenshots\nAgent 2: Analyze Portfolio + Contact screenshots\nAgent 3: Analyze Legal pages screenshots\n```\n\n## Visual QA Checklist\n\n### All Pages\n- [ ] Header visible and logo centered\n- [ ] Menu button works\n- [ ] Footer links present\n- [ ] No horizontal scroll\n- [ ] Text readable at all sizes\n\n### Home Page\n- [ ] Hero video\u002Fimage loaded\n- [ ] Hero text visible (not opacity 0)\n- [ ] Property cards show with images\n- [ ] Animations completed\n\n### About Page\n- [ ] Team member photos loaded (not placeholders)\n- [ ] Bio text visible\n- [ ] Images have grayscale filter\n\n### Portfolio\n- [ ] Property grid displays\n- [ ] Status badges visible\n- [ ] Different images for each property\n\n### Contact\n- [ ] Form fields visible\n- [ ] Contact info displayed\n- [ ] Submit button styled\n\n### Property Detail\n- [ ] Hero image loaded\n- [ ] Property details sidebar\n- [ ] Inquiry form present\n","# Visual QA Skill\n\nAutomated visual testing that properly handles GSAP animations by scrolling through the entire page before capturing screenshots.\n\n## Usage\n\nAsk Claude to run visual QA:\n- \"Run visual QA on the CSR site\"\n- \"Take screenshots of all pages and analyze them\"\n- \"Check the visual state of the website\"\n\n## What This Skill Does\n\n1. **Full-Page Scroll** - Scrolls through entire page in increments to trigger all GSAP\u002FScrollTrigger animations\n2. **Multi-Device Screenshots** - Desktop (1920px), Tablet (768px), Mobile (375px)\n3. **Parallel Processing** - Uses Haiku sub-agents to analyze multiple pages simultaneously\n4. **Visual Analysis** - Reviews screenshots for issues\n\n## Pages Tested\n\n| Page | URL |\n|------|-----|\n| Home | https:\u002F\u002Fcsrdevelopment.com\u002F |\n| About | https:\u002F\u002Fcsrdevelopment.com\u002Fabout\u002F |\n| Portfolio | https:\u002F\u002Fcsrdevelopment.com\u002Fportfolio\u002F |\n| Contact | https:\u002F\u002Fcsrdevelopment.com\u002Fcontact\u002F |\n| Privacy Policy | https:\u002F\u002Fcsrdevelopment.com\u002Fprivacy-policy\u002F |\n| Terms | https:\u002F\u002Fcsrdevelopment.com\u002Fterms-of-service\u002F |\n\n## Screenshot Script\n\nLocation: `\u002Froot\u002F.claude\u002Fskills\u002Fvisual-qa\u002Fscreenshot.py`\n\n### Single Page\n```bash\npython3 \u002Froot\u002F.claude\u002Fskills\u002Fvisual-qa\u002Fscreenshot.py --url https:\u002F\u002Fcsrdevelopment.com\u002Fabout\u002F\n```\n\n### All Pages\n```bash\npython3 \u002Froot\u002F.claude\u002Fskills\u002Fvisual-qa\u002Fscreenshot.py --all\n```\n\n### Output\nScreenshots saved to: `\u002Fhome\u002Fdev\u002Fscreenshots\u002F`\n\n## Parallel Analysis with Haiku\n\nWhen running full visual QA, launch multiple Haiku agents to analyze different pages simultaneously:\n\n```\nAgent 1: Analyze Home + About screenshots\nAgent 2: Analyze Portfolio + Contact screenshots\nAgent 3: Analyze Legal pages screenshots\n```\n\n## Visual QA Checklist\n\n### All Pages\n- [ ] Header visible and logo centered\n- [ ] Menu button works\n- [ ] Footer links present\n- [ ] No horizontal scroll\n- [ ] Text readable at all sizes\n\n### Home Page\n- [ ] Hero video\u002Fimage loaded\n- [ ] Hero text visible (not opacity 0)\n- [ ] Property cards show with images\n- [ ] Animations completed\n\n### About Page\n- [ ] Team member photos loaded (not placeholders)\n- [ ] Bio text visible\n- [ ] Images have grayscale filter\n\n### Portfolio\n- [ ] Property grid displays\n- [ ] Status badges visible\n- [ ] Different images for each property\n\n### Contact\n- [ ] Form fields visible\n- [ ] Contact info displayed\n- [ ] Submit button styled\n\n### Property Detail\n- [ ] Hero image loaded\n- [ ] Property details sidebar\n- [ ] Inquiry form present\n",{"name":5,"description":7,"allowed-tools":42},"Read, Write, Edit, Bash, Task","main","def8531e65114c0fca8fb8551c1871ee0eed705c","skills\u002Faiskillstore\u002Fmarketplace\u002Fcrazyswami\u002Fvisual-qa",24,"https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub","https:\u002F\u002Fskillshub.wtf","https:\u002F\u002Fgithub.com\u002FComeOnOliver","AI & Blockchain Engineer\r\n","2026-06-24 22:07:19",{"source":8,"skillName":5,"commands":53,"prompt":63,"zipAvailable":64},[54,57,60],{"tool":55,"command":56},"npx","npx skills add ComeOnOliver\u002Fskillshub --skill visual-qa",{"tool":58,"command":59},"bunx","bunx skills add ComeOnOliver\u002Fskillshub --skill visual-qa",{"tool":61,"command":62},"pnpm","pnpm dlx skills add ComeOnOliver\u002Fskillshub --skill visual-qa","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fcrazyswami\u002Fvisual-qa\u002FSKILL.md",true,[66,72],{"path":67,"resourceType":68,"resourceTypeDesc":69,"sizeBytes":70,"sourceHtmlUrl":71},"screenshot.py","SCRIPT","脚本",8747,"https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fcrazyswami\u002Fvisual-qa\u002Fscreenshot.py",{"path":73,"resourceType":74,"resourceTypeDesc":75,"sizeBytes":76,"sourceHtmlUrl":77},"skill-report.json","REFERENCE","参考文档",10279,"https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fcrazyswami\u002Fvisual-qa\u002Fskill-report.json",[79,93,103,112,118,125],{"skillNo":80,"name":81,"nameZh":6,"description":6,"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":89,"publishedAt":37},"01M6FKJN13GMG4KY57J3QD8GY5","model-hierarchy-skill","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzscole\u002Fmodel-hierarchy-skill\u002Fmodel-hierarchy-skill\u002FSKILL.md",[84],{"categoryNo":85,"categoryName":86,"taxonomyType":87,"taxonomyTypeDesc":88},"01JBSEEDCAT000000000000023","Skill与智能体开发","SCENARIO","使用场景",[90,91,92],"model","model hierarchy","model hierarchy skill",{"skillNo":94,"name":95,"nameZh":6,"description":6,"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":99,"publishedAt":37},"01M6FKJJJ6GCAMR4PPPRD12M5X","zoom-mcp","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-mcp\u002FSKILL.md",[98],{"categoryNo":85,"categoryName":86,"taxonomyType":87,"taxonomyTypeDesc":88},[100,101,102],"MCP","zoom","zoom mcp",{"skillNo":104,"name":105,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":106,"categories":107,"keywords":108,"publishedAt":37},"01M6FKJE3KYT3KPEZMEEHYKA6K","zoom-apps-sdk","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-apps-sdk\u002FSKILL.md",[],[109,110,111,101],"sdk","zoom apps sdk","apps",{"skillNo":113,"name":114,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":115,"categories":116,"keywords":117,"publishedAt":37},"01M6FKJ9EDH9Q5VWDF8HAJRSP0","windows","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwindows\u002FSKILL.md",[],[114],{"skillNo":119,"name":120,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":121,"categories":122,"keywords":124,"publishedAt":37},"01M6FKJ666BEEFC3AE9GJ72Q93","whiteboard","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwhiteboard\u002FSKILL.md",[123],{"categoryNo":85,"categoryName":86,"taxonomyType":87,"taxonomyTypeDesc":88},[120],{"skillNo":126,"name":127,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":128,"categories":129,"keywords":130,"publishedAt":37},"01M6FKJ21WFCDGTJQ2Q91T9DVW","websockets","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwebsockets\u002FSKILL.md",[],[127]]