[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6CFMHMEP439X1Z5DFKHJ4G3":3,"skill-same:01M6CFMHMEP439X1Z5DFKHJ4G3":162},{"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":23,"publishedAt":39,"linkOnly":40,"markdownContent":41,"markdownBody":42,"frontMatter":43,"refName":44,"commitSha":45,"skillDirectory":46,"forksCount":47,"repositoryHtmlUrl":48,"repositoryHomepageUrl":49,"ownerHtmlUrl":50,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":51,"install":52,"resources":65},"01M6CFMHMEP439X1Z5DFKHJ4G3","media-processing",null,"Process media with FFmpeg (video\u002Faudio), ImageMagick (images), RMBG (AI background removal). Use for encoding, format conversion, filters, thumbnails, batch processing, HLS\u002FDASH streaming.","hoanghd218\u002Fdocons","hoanghd218","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F49197448?v=4","01M6CEG06HBF8MQKQX19CR32ME","Hoang218","01M6CFGYFPDRM365Q0JTRNVJJ8",0,"MIT","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002FSKILL.md",[18],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000016","图像与多媒体","SCENARIO","使用场景",[24,25,26,27,28,29,30,31,32,33,34,35,36,37,38],"Media","media processing","batch","streaming","encoding","Video","Audio","format","process","use","filters","conversion","images","thumbnails","imagemagick","2026-11-10 10:12:30",false,"---\nname: media-processing\ndescription: Process media with FFmpeg (video\u002Faudio), ImageMagick (images), RMBG (AI background removal). Use for encoding, format conversion, filters, thumbnails, batch processing, HLS\u002FDASH streaming.\nlicense: MIT\n---\n\n# Media Processing Skill\n\nProcess video, audio, and images using FFmpeg, ImageMagick, and RMBG CLI tools.\n\n## Tool Selection\n\n| Task | Tool | Reason |\n|------|------|--------|\n| Video encoding\u002Fconversion | FFmpeg | Native codec support, streaming |\n| Audio extraction\u002Fconversion | FFmpeg | Direct stream manipulation |\n| Image resize\u002Feffects | ImageMagick | Optimized for still images |\n| Background removal | RMBG | AI-powered, local processing |\n| Batch images | ImageMagick | mogrify for in-place edits |\n| Video thumbnails | FFmpeg | Frame extraction built-in |\n| GIF creation | FFmpeg\u002FImageMagick | FFmpeg for video, ImageMagick for images |\n\n## Installation\n\n```bash\n# macOS\nbrew install ffmpeg imagemagick\nnpm install -g rmbg-cli\n\n# Ubuntu\u002FDebian\nsudo apt-get install ffmpeg imagemagick\nnpm install -g rmbg-cli\n\n# Verify\nffmpeg -version && magick -version && rmbg --version\n```\n\n## Essential Commands\n\n```bash\n# Video: Convert\u002Fre-encode\nffmpeg -i input.mkv -c copy output.mp4\nffmpeg -i input.avi -c:v libx264 -crf 22 -c:a aac output.mp4\n\n# Video: Extract audio\nffmpeg -i video.mp4 -vn -c:a copy audio.m4a\n\n# Image: Convert\u002Fresize\nmagick input.png output.jpg\nmagick input.jpg -resize 800x600 output.jpg\n\n# Image: Batch resize\nmogrify -resize 800x -quality 85 *.jpg\n\n# Background removal\nrmbg input.jpg                          # Basic (modnet)\nrmbg input.jpg -m briaai -o output.png  # High quality\nrmbg input.jpg -m u2netp -o output.png  # Fast\n```\n\n## Key Parameters\n\n**FFmpeg:**\n- `-c:v libx264` - H.264 codec\n- `-crf 22` - Quality (0-51, lower=better)\n- `-preset slow` - Speed\u002Fcompression balance\n- `-c:a aac` - Audio codec\n\n**ImageMagick:**\n- `800x600` - Fit within (maintains aspect)\n- `800x600^` - Fill (may crop)\n- `-quality 85` - JPEG quality\n- `-strip` - Remove metadata\n\n**RMBG:**\n- `-m briaai` - High quality model\n- `-m u2netp` - Fast model\n- `-r 4096` - Max resolution\n\n## References\n\nDetailed guides in `references\u002F`:\n- `ffmpeg-encoding.md` - Codecs, quality, hardware acceleration\n- `ffmpeg-streaming.md` - HLS\u002FDASH, live streaming\n- `ffmpeg-filters.md` - Filters, complex filtergraphs\n- `imagemagick-editing.md` - Effects, transformations\n- `imagemagick-batch.md` - Batch processing, parallel ops\n- `rmbg-background-removal.md` - AI models, CLI usage\n- `common-workflows.md` - Video optimization, responsive images, GIF creation\n- `troubleshooting.md` - Error fixes, performance tips\n- `format-compatibility.md` - Format support, codec recommendations\n","# Media Processing Skill\n\nProcess video, audio, and images using FFmpeg, ImageMagick, and RMBG CLI tools.\n\n## Tool Selection\n\n| Task | Tool | Reason |\n|------|------|--------|\n| Video encoding\u002Fconversion | FFmpeg | Native codec support, streaming |\n| Audio extraction\u002Fconversion | FFmpeg | Direct stream manipulation |\n| Image resize\u002Feffects | ImageMagick | Optimized for still images |\n| Background removal | RMBG | AI-powered, local processing |\n| Batch images | ImageMagick | mogrify for in-place edits |\n| Video thumbnails | FFmpeg | Frame extraction built-in |\n| GIF creation | FFmpeg\u002FImageMagick | FFmpeg for video, ImageMagick for images |\n\n## Installation\n\n```bash\n# macOS\nbrew install ffmpeg imagemagick\nnpm install -g rmbg-cli\n\n# Ubuntu\u002FDebian\nsudo apt-get install ffmpeg imagemagick\nnpm install -g rmbg-cli\n\n# Verify\nffmpeg -version && magick -version && rmbg --version\n```\n\n## Essential Commands\n\n```bash\n# Video: Convert\u002Fre-encode\nffmpeg -i input.mkv -c copy output.mp4\nffmpeg -i input.avi -c:v libx264 -crf 22 -c:a aac output.mp4\n\n# Video: Extract audio\nffmpeg -i video.mp4 -vn -c:a copy audio.m4a\n\n# Image: Convert\u002Fresize\nmagick input.png output.jpg\nmagick input.jpg -resize 800x600 output.jpg\n\n# Image: Batch resize\nmogrify -resize 800x -quality 85 *.jpg\n\n# Background removal\nrmbg input.jpg                          # Basic (modnet)\nrmbg input.jpg -m briaai -o output.png  # High quality\nrmbg input.jpg -m u2netp -o output.png  # Fast\n```\n\n## Key Parameters\n\n**FFmpeg:**\n- `-c:v libx264` - H.264 codec\n- `-crf 22` - Quality (0-51, lower=better)\n- `-preset slow` - Speed\u002Fcompression balance\n- `-c:a aac` - Audio codec\n\n**ImageMagick:**\n- `800x600` - Fit within (maintains aspect)\n- `800x600^` - Fill (may crop)\n- `-quality 85` - JPEG quality\n- `-strip` - Remove metadata\n\n**RMBG:**\n- `-m briaai` - High quality model\n- `-m u2netp` - Fast model\n- `-r 4096` - Max resolution\n\n## References\n\nDetailed guides in `references\u002F`:\n- `ffmpeg-encoding.md` - Codecs, quality, hardware acceleration\n- `ffmpeg-streaming.md` - HLS\u002FDASH, live streaming\n- `ffmpeg-filters.md` - Filters, complex filtergraphs\n- `imagemagick-editing.md` - Effects, transformations\n- `imagemagick-batch.md` - Batch processing, parallel ops\n- `rmbg-background-removal.md` - AI models, CLI usage\n- `common-workflows.md` - Video optimization, responsive images, GIF creation\n- `troubleshooting.md` - Error fixes, performance tips\n- `format-compatibility.md` - Format support, codec recommendations\n",{"name":5,"license":15,"description":7},"main","863082984c7c65197a5d20dc7c6e1fda6045b372","landingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing",1,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons","https:\u002F\u002Fdocons.vercel.app","https:\u002F\u002Fgithub.com\u002Fhoanghd218","2026-08-25 23:11:43",{"source":8,"skillName":5,"commands":53,"prompt":63,"zipAvailable":64},[54,57,60],{"tool":55,"command":56},"npx","npx skills add hoanghd218\u002Fdocons --skill media-processing",{"tool":58,"command":59},"bunx","bunx skills add hoanghd218\u002Fdocons --skill media-processing",{"tool":61,"command":62},"pnpm","pnpm dlx skills add hoanghd218\u002Fdocons --skill media-processing","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002FSKILL.md",true,[66,72,76,80,84,88,92,96,100,104,110,114,118,122,126,130,134,138,142,146,150,154,158],{"path":67,"resourceType":68,"resourceTypeDesc":69,"sizeBytes":70,"sourceHtmlUrl":71},"references\u002Fcommon-workflows.md","REFERENCE","参考文档",2865,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002Freferences\u002Fcommon-workflows.md",{"path":73,"resourceType":68,"resourceTypeDesc":69,"sizeBytes":74,"sourceHtmlUrl":75},"references\u002Fffmpeg-encoding.md",9463,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002Freferences\u002Fffmpeg-encoding.md",{"path":77,"resourceType":68,"resourceTypeDesc":69,"sizeBytes":78,"sourceHtmlUrl":79},"references\u002Fffmpeg-filters.md",11800,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002Freferences\u002Fffmpeg-filters.md",{"path":81,"resourceType":68,"resourceTypeDesc":69,"sizeBytes":82,"sourceHtmlUrl":83},"references\u002Fffmpeg-streaming.md",9562,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002Freferences\u002Fffmpeg-streaming.md",{"path":85,"resourceType":68,"resourceTypeDesc":69,"sizeBytes":86,"sourceHtmlUrl":87},"references\u002Fformat-compatibility.md",8667,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002Freferences\u002Fformat-compatibility.md",{"path":89,"resourceType":68,"resourceTypeDesc":69,"sizeBytes":90,"sourceHtmlUrl":91},"references\u002Fimagemagick-batch.md",12189,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002Freferences\u002Fimagemagick-batch.md",{"path":93,"resourceType":68,"resourceTypeDesc":69,"sizeBytes":94,"sourceHtmlUrl":95},"references\u002Fimagemagick-editing.md",13182,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002Freferences\u002Fimagemagick-editing.md",{"path":97,"resourceType":68,"resourceTypeDesc":69,"sizeBytes":98,"sourceHtmlUrl":99},"references\u002Frmbg-background-removal.md",1685,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002Freferences\u002Frmbg-background-removal.md",{"path":101,"resourceType":68,"resourceTypeDesc":69,"sizeBytes":102,"sourceHtmlUrl":103},"references\u002Ftroubleshooting.md",2729,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002Freferences\u002Ftroubleshooting.md",{"path":105,"resourceType":106,"resourceTypeDesc":107,"sizeBytes":108,"sourceHtmlUrl":109},"scripts\u002Fallocate-isolation.py","SCRIPT","脚本",3714,"https:\u002F\u002Fgithub.com\u002Fcompozy\u002Fcompozy\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Feng\u002Feng-worktree-isolation\u002Fscripts\u002Fallocate-isolation.py",{"path":111,"resourceType":106,"resourceTypeDesc":107,"sizeBytes":112,"sourceHtmlUrl":113},"scripts\u002Fbatch_resize.py",10196,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002Fscripts\u002Fbatch_resize.py",{"path":115,"resourceType":106,"resourceTypeDesc":107,"sizeBytes":116,"sourceHtmlUrl":117},"scripts\u002Fbatch-remove-background.sh",3275,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002Fscripts\u002Fbatch-remove-background.sh",{"path":119,"resourceType":106,"resourceTypeDesc":107,"sizeBytes":120,"sourceHtmlUrl":121},"scripts\u002Fmedia_convert.py",8439,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002Fscripts\u002Fmedia_convert.py",{"path":123,"resourceType":106,"resourceTypeDesc":107,"sizeBytes":124,"sourceHtmlUrl":125},"scripts\u002FREADME.md",2606,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002Fscripts\u002FREADME.md",{"path":127,"resourceType":106,"resourceTypeDesc":107,"sizeBytes":128,"sourceHtmlUrl":129},"scripts\u002Fremove-background.sh",2407,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002Fscripts\u002Fremove-background.sh",{"path":131,"resourceType":106,"resourceTypeDesc":107,"sizeBytes":132,"sourceHtmlUrl":133},"scripts\u002Fremove-bg-node.js",4187,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002Fscripts\u002Fremove-bg-node.js",{"path":135,"resourceType":106,"resourceTypeDesc":107,"sizeBytes":136,"sourceHtmlUrl":137},"scripts\u002Frequirements.txt",558,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002Fscripts\u002Frequirements.txt",{"path":139,"resourceType":106,"resourceTypeDesc":107,"sizeBytes":140,"sourceHtmlUrl":141},"scripts\u002Ftests\u002F.coverage",53248,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002Fscripts\u002Ftests\u002F.coverage",{"path":143,"resourceType":106,"resourceTypeDesc":107,"sizeBytes":144,"sourceHtmlUrl":145},"scripts\u002Ftests\u002Frequirements.txt",32,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002Fscripts\u002Ftests\u002Frequirements.txt",{"path":147,"resourceType":106,"resourceTypeDesc":107,"sizeBytes":148,"sourceHtmlUrl":149},"scripts\u002Ftests\u002Ftest_batch_resize.py",10952,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002Fscripts\u002Ftests\u002Ftest_batch_resize.py",{"path":151,"resourceType":106,"resourceTypeDesc":107,"sizeBytes":152,"sourceHtmlUrl":153},"scripts\u002Ftests\u002Ftest_media_convert.py",7836,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002Fscripts\u002Ftests\u002Ftest_media_convert.py",{"path":155,"resourceType":106,"resourceTypeDesc":107,"sizeBytes":156,"sourceHtmlUrl":157},"scripts\u002Ftests\u002Ftest_video_optimize.py",12131,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002Fscripts\u002Ftests\u002Ftest_video_optimize.py",{"path":159,"resourceType":106,"resourceTypeDesc":107,"sizeBytes":160,"sourceHtmlUrl":161},"scripts\u002Fvideo_optimize.py",13064,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fmedia-processing\u002Fscripts\u002Fvideo_optimize.py",[163,191,208,234,259,272],{"skillNo":164,"name":165,"nameZh":6,"description":166,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":167,"licenseFileUrl":6,"sourceHtmlUrl":168,"categories":169,"keywords":173,"publishedAt":39},"01M6CFWQKBPK223JYTA0T4WKGF","web-testing","Web testing with Playwright, Vitest, k6. E2E\u002Funit\u002Fintegration\u002Fload\u002Fsecurity\u002Fvisual\u002Fa11y testing. Use for test automation, flakiness, Core Web Vitals, mobile gestures, cross-browser.","Apache-2.0","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.opencode\u002Fskills\u002Fweb-testing\u002FSKILL.md",[170],{"categoryNo":171,"categoryName":172,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000008","测试与质量",[174,175,176,177,178,179,180,181,182,183,184,185,186,187,188,189,33,190],"web testing","web","testing","security","gestures","automation","playwright","test","test automation","core","browser","integration","core web vitals","k6","e2e","vitest","mobile",{"skillNo":192,"name":193,"nameZh":6,"description":194,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":195,"categories":196,"keywords":197,"publishedAt":39},"01M6CFWKWR6J11YJRE9EX702JY","web-frameworks","Build with Next.js (App Router, RSC, SSR, ISR), Turborepo monorepos. Use for React apps, server rendering, build optimization, caching strategies, shared dependencies.","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.opencode\u002Fskills\u002Fweb-frameworks\u002FSKILL.md",[],[198,175,199,200,201,33,202,203,204,205,206,207],"web frameworks","Optimization","build","router","js","Next.js","turborepo","server","ssr","react",{"skillNo":209,"name":210,"nameZh":6,"description":211,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":212,"categories":213,"keywords":222,"publishedAt":39},"01M6CFW31HEVJTMWZNXXH6RJZW","ui-styling","Style UIs with shadcn\u002Fui components (Radix UI + Tailwind CSS). Use for accessible components, themes, dark mode, responsive layouts, design systems, color customization.","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.opencode\u002Fskills\u002Fui-styling\u002FSKILL.md",[214,217],{"categoryNo":215,"categoryName":216,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":218,"categoryName":219,"taxonomyType":220,"taxonomyTypeDesc":221},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[223,224,225,33,226,227,228,229,230,231,232,233],"ui styling","styling","ui","radix ui","customization","Tailwind","shadcn","design systems","components","css","design",{"skillNo":235,"name":236,"nameZh":6,"description":237,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":238,"categories":239,"keywords":243,"publishedAt":39},"01M6CFVY2N18A5J9YW3X14GDHZ","threejs","Build 3D web apps with Three.js (WebGL\u002FWebGPU). 556 searchable examples, 60 API classes, 20 use cases. Actions: create 3D scene, load model, add animation, implement physics, build VR\u002FXR. Topics: GLTF loader, PBR materials, particle effects, shadows, post-processing, compute shaders, TSL. Integrations: WebGPU, physics engines, spatial audio.","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.opencode\u002Fskills\u002Fthreejs\u002FSKILL.md",[240],{"categoryNo":241,"categoryName":242,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000010","后端与接口",[236,244,245,246,247,248,249,250,175,251,252,253,254,200,255,33,256,257,30,258],"webgl","api","actions","examples","shaders","create","webgpu","implement","Animation","pbr","gltf","Spatial","integrations","model","3D",{"skillNo":260,"name":261,"nameZh":6,"description":262,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":263,"categories":264,"keywords":265,"publishedAt":39},"01M6CFVFW9NS3M49KX9K9GKFF7","sequential-thinking","Apply step-by-step analysis for complex problems with revision capability. Use for multi-step reasoning, hypothesis verification, adaptive planning, problem decomposition, course correction.","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.opencode\u002Fskills\u002Fsequential-thinking\u002FSKILL.md",[],[266,267,33,268,269,270,271],"sequential thinking","planning","analysis","hypothesis","verification","reasoning",{"skillNo":273,"name":274,"nameZh":6,"description":275,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":276,"categories":277,"keywords":281,"publishedAt":39},"01M6CFVA3RNA0DGFNFDM0NZPW5","research","Research technical solutions, analyze architectures, gather requirements thoroughly. Use for technology evaluation, best practices research, solution design, scalability\u002Fsecurity\u002Fmaintainability analysis.","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.opencode\u002Fskills\u002Fresearch\u002FSKILL.md",[278],{"categoryNo":279,"categoryName":280,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000021","资料检索与研究",[274,282,283,268,284,177,285,233,33],"best practices","Evaluation","analyze","technical"]