[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6VC9FQRTE57FVZ9R1BC9PX6":3,"skill-same:01M6VC9FQRTE57FVZ9R1BC9PX6":68},{"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":48,"commitSha":49,"skillDirectory":50,"forksCount":13,"repositoryHtmlUrl":51,"repositoryHomepageUrl":6,"ownerHtmlUrl":52,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":53,"install":54,"resources":67},"01M6VC9FQRTE57FVZ9R1BC9PX6","swiftui-patterns",null,"SwiftUI architecture patterns, state management with @Observable, view composition, navigation, performance optimization, and modern iOS\u002FmacOS UI best practices.","sakamoto-family-smile\u002Fagent_monorepo","sakamoto-family-smile","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F132812403?v=4","01M6RTAT3H8PMWX5SJ65KP3VYF","01M6RTAV321WB5RAHCWTZMX5CV",0,"Apache-2.0","https:\u002F\u002Fgithub.com\u002Fsakamoto-family-smile\u002Fagent_monorepo\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fecc\u002Fswiftui-patterns\u002FSKILL.md",[],[18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37],"patterns","swiftui patterns","swiftui","architecture patterns","with","navigation","swiftui architecture","management","view","performance optimization","Composition","macos","ios","Optimization","ui","state","best practices","state management","architecture","performance","2026-11-10 10:12:30",false,"---\nname: 3d-web-experience\ndescription: Expert in building 3D experiences for the web - Three.js, React\n  Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product\n  configurators, 3D portfolios, immersive websites, and bringing depth to web\n  experiences.\nrisk: unknown\nsource: vibeship-spawner-skills (Apache 2.0)\ndate_added: 2026-02-27\n---\n\n# 3D Web Experience\n\nExpert in building 3D experiences for the web - Three.js, React Three Fiber,\nSpline, WebGL, and interactive 3D scenes. Covers product configurators, 3D\nportfolios, immersive websites, and bringing depth to web experiences.\n\n**Role**: 3D Web Experience Architect\n\nYou bring the third dimension to the web. You know when 3D enhances\nand when it's just showing off. You balance visual impact with\nperformance. You make 3D accessible to users who've never touched\na 3D app. You create moments of wonder without sacrificing usability.\n\n### Expertise\n\n- Three.js\n- React Three Fiber\n- Spline\n- WebGL\n- GLSL shaders\n- 3D optimization\n- Model preparation\n\n## Capabilities\n\n- Three.js implementation\n- React Three Fiber\n- WebGL optimization\n- 3D model integration\n- Spline workflows\n- 3D product configurators\n- Interactive 3D scenes\n- 3D performance optimization\n\n## Patterns\n\n### 3D Stack Selection\n\nChoosing the right 3D approach\n\n**When to use**: When starting a 3D web project\n\n## 3D Stack Selection\n\n### Options Comparison\n| Tool | Best For | Learning Curve | Control |\n|------|----------|----------------|---------|\n| Spline | Quick prototypes, designers | Low | Medium |\n| React Three Fiber | React apps, complex scenes | Medium | High |\n| Three.js vanilla | Max control, non-React | High | Maximum |\n| Babylon.js | Games, heavy 3D | High | Maximum |\n\n### Decision Tree\n```\nNeed quick 3D element?\n└── Yes → Spline\n└── No → Continue\n\nUsing React?\n└── Yes → React Three Fiber\n└── No → Continue\n\nNeed max performance\u002Fcontrol?\n└── Yes → Three.js vanilla\n└── No → Spline or R3F\n```\n\n### Spline (Fastest Start)\n```jsx\nimport Spline from '@splinetool\u002Freact-spline';\n\nexport default function Scene() {\n  return (\n    \u003CSpline scene=\"https:\u002F\u002Fprod.spline.design\u002Fxxx\u002Fscene.splinecode\" \u002F>\n  );\n}\n```\n\n### React Three Fiber\n```jsx\nimport { Canvas } from '@react-three\u002Ffiber';\nimport { OrbitControls, useGLTF } from '@react-three\u002Fdrei';\n\nfunction Model() {\n  const { scene } = useGLTF('\u002Fmodel.glb');\n  return \u003Cprimitive object={scene} \u002F>;\n}\n\nexport default function Scene() {\n  return (\n    \u003CCanvas>\n      \u003CambientLight \u002F>\n      \u003CModel \u002F>\n      \u003COrbitControls \u002F>\n    \u003C\u002FCanvas>\n  );\n}\n```\n\n### 3D Model Pipeline\n\nGetting models web-ready\n\n**When to use**: When preparing 3D assets\n\n## 3D Model Pipeline\n\n### Format Selection\n| Format | Use Case | Size |\n|--------|----------|------|\n| GLB\u002FGLTF | Standard web 3D | Smallest |\n| FBX | From 3D software | Large |\n| OBJ | Simple meshes | Medium |\n| USDZ | Apple AR | Medium |\n\n### Optimization Pipeline\n```\n1. Model in Blender\u002Fetc\n2. Reduce poly count (\u003C 100K for web)\n3. Bake textures (combine materials)\n4. Export as GLB\n5. Compress with gltf-transform\n6. Test file size (\u003C 5MB ideal)\n```\n\n### GLTF Compression\n```bash\n# Install gltf-transform\nnpm install -g @gltf-transform\u002Fcli\n\n# Compress model\ngltf-transform optimize input.glb output.glb \\\n  --compress draco \\\n  --texture-compress webp\n```\n\n### Loading in R3F\n```jsx\nimport { useGLTF, useProgress, Html } from '@react-three\u002Fdrei';\nimport { Suspense } from 'react';\n\nfunction Loader() {\n  const { progress } = useProgress();\n  return \u003CHtml center>{progress.toFixed(0)}%\u003C\u002FHtml>;\n}\n\nexport default function Scene() {\n  return (\n    \u003CCanvas>\n      \u003CSuspense fallback={\u003CLoader \u002F>}>\n        \u003CModel \u002F>\n      \u003C\u002FSuspense>\n    \u003C\u002FCanvas>\n  );\n}\n```\n\n### Scroll-Driven 3D\n\n3D that responds to scroll\n\n**When to use**: When integrating 3D with scroll\n\n## Scroll-Driven 3D\n\n### R3F + Scroll Controls\n```jsx\nimport { ScrollControls, useScroll } from '@react-three\u002Fdrei';\nimport { useFrame } from '@react-three\u002Ffiber';\n\nfunction RotatingModel() {\n  const scroll = useScroll();\n  const ref = useRef();\n\n  useFrame(() => {\n    \u002F\u002F Rotate based on scroll position\n    ref.current.rotation.y = scroll.offset * Math.PI * 2;\n  });\n\n  return \u003Cmesh ref={ref}>...\u003C\u002Fmesh>;\n}\n\nexport default function Scene() {\n  return (\n    \u003CCanvas>\n      \u003CScrollControls pages={3}>\n        \u003CRotatingModel \u002F>\n      \u003C\u002FScrollControls>\n    \u003C\u002FCanvas>\n  );\n}\n```\n\n### GSAP + Three.js\n```javascript\nimport gsap from 'gsap';\nimport ScrollTrigger from 'gsap\u002FScrollTrigger';\n\ngsap.to(camera.position, {\n  scrollTrigger: {\n    trigger: '.section',\n    scrub: true,\n  },\n  z: 5,\n  y: 2,\n});\n```\n\n### Common Scroll Effects\n- Camera movement through scene\n- Model rotation on scroll\n- Reveal\u002Fhide elements\n- Color\u002Fmaterial changes\n- Exploded view animations\n\n### Performance Optimization\n\nKeeping 3D fast\n\n**When to use**: Always - 3D is expensive\n\n## 3D Performance\n\n### Performance Targets\n| Device | Target FPS | Max Triangles |\n|--------|------------|---------------|\n| Desktop | 60fps | 500K |\n| Mobile | 30-60fps | 100K |\n| Low-end | 30fps | 50K |\n\n### Quick Wins\n```jsx\n\u002F\u002F 1. Use instances for repeated objects\nimport { Instances, Instance } from '@react-three\u002Fdrei';\n\n\u002F\u002F 2. Limit lights\n\u003CambientLight intensity={0.5} \u002F>\n\u003CdirectionalLight \u002F> \u002F\u002F Just one\n\n\u002F\u002F 3. Use LOD (Level of Detail)\nimport { LOD } from 'three';\n\n\u002F\u002F 4. Lazy load models\nconst Model = lazy(() => import('.\u002FModel'));\n```\n\n### Mobile Detection\n```jsx\nconst isMobile = \u002FiPhone|iPad|Android\u002Fi.test(navigator.userAgent);\n\n\u003CCanvas\n  dpr={isMobile ? 1 : 2} \u002F\u002F Lower resolution on mobile\n  performance={{ min: 0.5 }} \u002F\u002F Allow frame drops\n>\n```\n\n### Fallback Strategy\n```jsx\nfunction Scene() {\n  const [webGLSupported, setWebGLSupported] = useState(true);\n\n  if (!webGLSupported) {\n    return \u003Cimg src=\"\u002Ffallback.png\" alt=\"3D preview\" \u002F>;\n  }\n\n  return \u003CCanvas onCreated={...} \u002F>;\n}\n```\n\n## Validation Checks\n\n### No 3D Loading Indicator\n\nSeverity: HIGH\n\nMessage: No loading indicator for 3D content.\n\nFix action: Add Suspense with loading fallback or useProgress for loading UI\n\n### No WebGL Fallback\n\nSeverity: MEDIUM\n\nMessage: No fallback for devices without WebGL support.\n\nFix action: Add WebGL detection and static image fallback\n\n### Uncompressed 3D Models\n\nSeverity: MEDIUM\n\nMessage: 3D models may be unoptimized.\n\nFix action: Compress models with gltf-transform using Draco and texture compression\n\n### OrbitControls Blocking Scroll\n\nSeverity: MEDIUM\n\nMessage: OrbitControls may be capturing scroll events.\n\nFix action: Add enableZoom={false} or handle scroll\u002Ftouch events appropriately\n\n### High DPR on Mobile\n\nSeverity: MEDIUM\n\nMessage: Canvas DPR may be too high for mobile devices.\n\nFix action: Limit DPR to 1 on mobile devices for better performance\n\n## Collaboration\n\n### Delegation Triggers\n\n- scroll animation|parallax|GSAP -> scroll-experience (Scroll integration)\n- react|next|frontend -> frontend (React integration)\n- performance|slow|fps -> performance-hunter (3D performance optimization)\n- product page|landing|marketing -> landing-page-design (Product landing with 3D)\n\n### Product Configurator\n\nSkills: 3d-web-experience, frontend, landing-page-design\n\nWorkflow:\n\n```\n1. Prepare 3D product model\n2. Set up React Three Fiber scene\n3. Add interactivity (colors, variants)\n4. Integrate with product page\n5. Optimize for mobile\n6. Add fallback images\n```\n\n### Immersive Portfolio\n\nSkills: 3d-web-experience, scroll-experience, interactive-portfolio\n\nWorkflow:\n\n```\n1. Design 3D scene concept\n2. Build scene in Spline or R3F\n3. Add scroll-driven animations\n4. Integrate with portfolio sections\n5. Ensure mobile fallback\n6. Optimize performance\n```\n\n## Related Skills\n\nWorks well with: `scroll-experience`, `interactive-portfolio`, `frontend`, `landing-page-design`\n\n## When to Use\n\n- User mentions or implies: 3D website\n- User mentions or implies: three.js\n- User mentions or implies: WebGL\n- User mentions or implies: react three fiber\n- User mentions or implies: 3D experience\n- User mentions or implies: spline\n- User mentions or implies: product configurator\n","# 3D Web Experience\n\nExpert in building 3D experiences for the web - Three.js, React Three Fiber,\nSpline, WebGL, and interactive 3D scenes. Covers product configurators, 3D\nportfolios, immersive websites, and bringing depth to web experiences.\n\n**Role**: 3D Web Experience Architect\n\nYou bring the third dimension to the web. You know when 3D enhances\nand when it's just showing off. You balance visual impact with\nperformance. You make 3D accessible to users who've never touched\na 3D app. You create moments of wonder without sacrificing usability.\n\n### Expertise\n\n- Three.js\n- React Three Fiber\n- Spline\n- WebGL\n- GLSL shaders\n- 3D optimization\n- Model preparation\n\n## Capabilities\n\n- Three.js implementation\n- React Three Fiber\n- WebGL optimization\n- 3D model integration\n- Spline workflows\n- 3D product configurators\n- Interactive 3D scenes\n- 3D performance optimization\n\n## Patterns\n\n### 3D Stack Selection\n\nChoosing the right 3D approach\n\n**When to use**: When starting a 3D web project\n\n## 3D Stack Selection\n\n### Options Comparison\n| Tool | Best For | Learning Curve | Control |\n|------|----------|----------------|---------|\n| Spline | Quick prototypes, designers | Low | Medium |\n| React Three Fiber | React apps, complex scenes | Medium | High |\n| Three.js vanilla | Max control, non-React | High | Maximum |\n| Babylon.js | Games, heavy 3D | High | Maximum |\n\n### Decision Tree\n```\nNeed quick 3D element?\n└── Yes → Spline\n└── No → Continue\n\nUsing React?\n└── Yes → React Three Fiber\n└── No → Continue\n\nNeed max performance\u002Fcontrol?\n└── Yes → Three.js vanilla\n└── No → Spline or R3F\n```\n\n### Spline (Fastest Start)\n```jsx\nimport Spline from '@splinetool\u002Freact-spline';\n\nexport default function Scene() {\n  return (\n    \u003CSpline scene=\"https:\u002F\u002Fprod.spline.design\u002Fxxx\u002Fscene.splinecode\" \u002F>\n  );\n}\n```\n\n### React Three Fiber\n```jsx\nimport { Canvas } from '@react-three\u002Ffiber';\nimport { OrbitControls, useGLTF } from '@react-three\u002Fdrei';\n\nfunction Model() {\n  const { scene } = useGLTF('\u002Fmodel.glb');\n  return \u003Cprimitive object={scene} \u002F>;\n}\n\nexport default function Scene() {\n  return (\n    \u003CCanvas>\n      \u003CambientLight \u002F>\n      \u003CModel \u002F>\n      \u003COrbitControls \u002F>\n    \u003C\u002FCanvas>\n  );\n}\n```\n\n### 3D Model Pipeline\n\nGetting models web-ready\n\n**When to use**: When preparing 3D assets\n\n## 3D Model Pipeline\n\n### Format Selection\n| Format | Use Case | Size |\n|--------|----------|------|\n| GLB\u002FGLTF | Standard web 3D | Smallest |\n| FBX | From 3D software | Large |\n| OBJ | Simple meshes | Medium |\n| USDZ | Apple AR | Medium |\n\n### Optimization Pipeline\n```\n1. Model in Blender\u002Fetc\n2. Reduce poly count (\u003C 100K for web)\n3. Bake textures (combine materials)\n4. Export as GLB\n5. Compress with gltf-transform\n6. Test file size (\u003C 5MB ideal)\n```\n\n### GLTF Compression\n```bash\n# Install gltf-transform\nnpm install -g @gltf-transform\u002Fcli\n\n# Compress model\ngltf-transform optimize input.glb output.glb \\\n  --compress draco \\\n  --texture-compress webp\n```\n\n### Loading in R3F\n```jsx\nimport { useGLTF, useProgress, Html } from '@react-three\u002Fdrei';\nimport { Suspense } from 'react';\n\nfunction Loader() {\n  const { progress } = useProgress();\n  return \u003CHtml center>{progress.toFixed(0)}%\u003C\u002FHtml>;\n}\n\nexport default function Scene() {\n  return (\n    \u003CCanvas>\n      \u003CSuspense fallback={\u003CLoader \u002F>}>\n        \u003CModel \u002F>\n      \u003C\u002FSuspense>\n    \u003C\u002FCanvas>\n  );\n}\n```\n\n### Scroll-Driven 3D\n\n3D that responds to scroll\n\n**When to use**: When integrating 3D with scroll\n\n## Scroll-Driven 3D\n\n### R3F + Scroll Controls\n```jsx\nimport { ScrollControls, useScroll } from '@react-three\u002Fdrei';\nimport { useFrame } from '@react-three\u002Ffiber';\n\nfunction RotatingModel() {\n  const scroll = useScroll();\n  const ref = useRef();\n\n  useFrame(() => {\n    \u002F\u002F Rotate based on scroll position\n    ref.current.rotation.y = scroll.offset * Math.PI * 2;\n  });\n\n  return \u003Cmesh ref={ref}>...\u003C\u002Fmesh>;\n}\n\nexport default function Scene() {\n  return (\n    \u003CCanvas>\n      \u003CScrollControls pages={3}>\n        \u003CRotatingModel \u002F>\n      \u003C\u002FScrollControls>\n    \u003C\u002FCanvas>\n  );\n}\n```\n\n### GSAP + Three.js\n```javascript\nimport gsap from 'gsap';\nimport ScrollTrigger from 'gsap\u002FScrollTrigger';\n\ngsap.to(camera.position, {\n  scrollTrigger: {\n    trigger: '.section',\n    scrub: true,\n  },\n  z: 5,\n  y: 2,\n});\n```\n\n### Common Scroll Effects\n- Camera movement through scene\n- Model rotation on scroll\n- Reveal\u002Fhide elements\n- Color\u002Fmaterial changes\n- Exploded view animations\n\n### Performance Optimization\n\nKeeping 3D fast\n\n**When to use**: Always - 3D is expensive\n\n## 3D Performance\n\n### Performance Targets\n| Device | Target FPS | Max Triangles |\n|--------|------------|---------------|\n| Desktop | 60fps | 500K |\n| Mobile | 30-60fps | 100K |\n| Low-end | 30fps | 50K |\n\n### Quick Wins\n```jsx\n\u002F\u002F 1. Use instances for repeated objects\nimport { Instances, Instance } from '@react-three\u002Fdrei';\n\n\u002F\u002F 2. Limit lights\n\u003CambientLight intensity={0.5} \u002F>\n\u003CdirectionalLight \u002F> \u002F\u002F Just one\n\n\u002F\u002F 3. Use LOD (Level of Detail)\nimport { LOD } from 'three';\n\n\u002F\u002F 4. Lazy load models\nconst Model = lazy(() => import('.\u002FModel'));\n```\n\n### Mobile Detection\n```jsx\nconst isMobile = \u002FiPhone|iPad|Android\u002Fi.test(navigator.userAgent);\n\n\u003CCanvas\n  dpr={isMobile ? 1 : 2} \u002F\u002F Lower resolution on mobile\n  performance={{ min: 0.5 }} \u002F\u002F Allow frame drops\n>\n```\n\n### Fallback Strategy\n```jsx\nfunction Scene() {\n  const [webGLSupported, setWebGLSupported] = useState(true);\n\n  if (!webGLSupported) {\n    return \u003Cimg src=\"\u002Ffallback.png\" alt=\"3D preview\" \u002F>;\n  }\n\n  return \u003CCanvas onCreated={...} \u002F>;\n}\n```\n\n## Validation Checks\n\n### No 3D Loading Indicator\n\nSeverity: HIGH\n\nMessage: No loading indicator for 3D content.\n\nFix action: Add Suspense with loading fallback or useProgress for loading UI\n\n### No WebGL Fallback\n\nSeverity: MEDIUM\n\nMessage: No fallback for devices without WebGL support.\n\nFix action: Add WebGL detection and static image fallback\n\n### Uncompressed 3D Models\n\nSeverity: MEDIUM\n\nMessage: 3D models may be unoptimized.\n\nFix action: Compress models with gltf-transform using Draco and texture compression\n\n### OrbitControls Blocking Scroll\n\nSeverity: MEDIUM\n\nMessage: OrbitControls may be capturing scroll events.\n\nFix action: Add enableZoom={false} or handle scroll\u002Ftouch events appropriately\n\n### High DPR on Mobile\n\nSeverity: MEDIUM\n\nMessage: Canvas DPR may be too high for mobile devices.\n\nFix action: Limit DPR to 1 on mobile devices for better performance\n\n## Collaboration\n\n### Delegation Triggers\n\n- scroll animation|parallax|GSAP -> scroll-experience (Scroll integration)\n- react|next|frontend -> frontend (React integration)\n- performance|slow|fps -> performance-hunter (3D performance optimization)\n- product page|landing|marketing -> landing-page-design (Product landing with 3D)\n\n### Product Configurator\n\nSkills: 3d-web-experience, frontend, landing-page-design\n\nWorkflow:\n\n```\n1. Prepare 3D product model\n2. Set up React Three Fiber scene\n3. Add interactivity (colors, variants)\n4. Integrate with product page\n5. Optimize for mobile\n6. Add fallback images\n```\n\n### Immersive Portfolio\n\nSkills: 3d-web-experience, scroll-experience, interactive-portfolio\n\nWorkflow:\n\n```\n1. Design 3D scene concept\n2. Build scene in Spline or R3F\n3. Add scroll-driven animations\n4. Integrate with portfolio sections\n5. Ensure mobile fallback\n6. Optimize performance\n```\n\n## Related Skills\n\nWorks well with: `scroll-experience`, `interactive-portfolio`, `frontend`, `landing-page-design`\n\n## When to Use\n\n- User mentions or implies: 3D website\n- User mentions or implies: three.js\n- User mentions or implies: WebGL\n- User mentions or implies: react three fiber\n- User mentions or implies: 3D experience\n- User mentions or implies: spline\n- User mentions or implies: product configurator\n",{"name":43,"risk":44,"source":45,"date_added":46,"description":47},"3d-web-experience","unknown","vibeship-spawner-skills (Apache 2.0)",1772150400000,"Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences.","main","a50a3aa6b39fb0e1b7db88bef1bfc9c93606e126",".claude\u002Fskills\u002Fecc\u002Fswiftui-patterns","https:\u002F\u002Fgithub.com\u002Fsakamoto-family-smile\u002Fagent_monorepo","https:\u002F\u002Fgithub.com\u002Fsakamoto-family-smile","2026-11-08 20:29:14",{"source":8,"skillName":43,"commands":55,"prompt":65,"zipAvailable":66},[56,59,62],{"tool":57,"command":58},"npx","npx skills add sakamoto-family-smile\u002Fagent_monorepo --skill 3d-web-experience",{"tool":60,"command":61},"bunx","bunx skills add sakamoto-family-smile\u002Fagent_monorepo --skill 3d-web-experience",{"tool":63,"command":64},"pnpm","pnpm dlx skills add sakamoto-family-smile\u002Fagent_monorepo --skill 3d-web-experience","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fsakamoto-family-smile\u002Fagent_monorepo\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fecc\u002Fswiftui-patterns\u002FSKILL.md",true,[],[69,102,110,130,153,180],{"skillNo":70,"name":71,"nameZh":6,"description":72,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":73,"categories":74,"keywords":83,"publishedAt":38},"01M6RW50THEFSKK42YNR8XFZA1","remotion-video-creation","Best practices for Remotion - Video creation in React. 29 domain-specific rules covering 3D, animations, audio, captions, charts, transitions, and more.","https:\u002F\u002Fgithub.com\u002Fsakamoto-family-smile\u002Fagent_monorepo\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fecc\u002Fremotion-video-creation\u002FSKILL.md",[75,80],{"categoryNo":76,"categoryName":77,"taxonomyType":78,"taxonomyTypeDesc":79},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":81,"categoryName":82,"taxonomyType":78,"taxonomyTypeDesc":79},"01JBSEEDCAT000000000000016","图像与多媒体",[84,85,86,87,88,89,90,91,92,28,93,34,94,95,96,97,98,99,100,101],"Video","remotion video","remotion video creation","creation","Remotion","Charts","Captions","Audio","3D","Animation","more","animations","domain-specific","domain","three","Rules","Lottie","for",{"skillNo":103,"name":104,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":105,"categories":106,"keywords":107,"publishedAt":38},"01M6VCJ23NPECPSZJKGY691F75","hotcook-recipes","https:\u002F\u002Fgithub.com\u002Fsakamoto-family-smile\u002Fagent_monorepo\u002Fblob\u002Fmain\u002Fhotcook-agent\u002Fdata\u002Fskills\u002Fhotcook-recipes\u002FSKILL.md",[],[108,109],"hotcook recipes","recipes",{"skillNo":111,"name":112,"nameZh":6,"description":113,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":114,"categories":115,"keywords":124,"publishedAt":38},"01M6VCHHE00X5XHSDRD1KH1BW2","code-helper","Code review and assistance skill","https:\u002F\u002Fgithub.com\u002Fsakamoto-family-smile\u002Fagent_monorepo\u002Fblob\u002Fmain\u002Fagent-system-2\u002Fskills\u002Fcode-helper\u002Fskill.md",[116,119],{"categoryNo":117,"categoryName":118,"taxonomyType":78,"taxonomyTypeDesc":79},"01JBSEEDCAT000000000000007","代码审查",{"categoryNo":120,"categoryName":121,"taxonomyType":122,"taxonomyTypeDesc":123},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",[125,126,127,128,129],"code helper","helper","code","code review","review",{"skillNo":131,"name":132,"nameZh":6,"description":133,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":134,"categories":135,"keywords":142,"publishedAt":38},"01M6VCH3Q31A20H6SQ1H0J7JB2","research-assistant","Web research assistant skill using Brave Search MCP","https:\u002F\u002Fgithub.com\u002Fsakamoto-family-smile\u002Fagent_monorepo\u002Fblob\u002Fmain\u002Fagent-system-1\u002Fskills\u002Fresearch-assistant\u002Fskill.md",[136,139],{"categoryNo":137,"categoryName":138,"taxonomyType":78,"taxonomyTypeDesc":79},"01JBSEEDCAT000000000000021","资料检索与研究",{"categoryNo":140,"categoryName":141,"taxonomyType":78,"taxonomyTypeDesc":79},"01JBSEEDCAT000000000000023","Skill与智能体开发",[143,144,145,146,147,148,149,150,151,152],"research assistant","research","assistant","MCP","web","search","brave search","web research","brave","web research assistant",{"skillNo":154,"name":155,"nameZh":6,"description":156,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":157,"categories":158,"keywords":163,"publishedAt":38},"01M6VCGZZGPNVJSCZ1JTMNZAHY","x-api","X\u002FTwitter API integration for posting tweets, threads, reading timelines, search, and analytics. Covers OAuth auth patterns, rate limits, and platform-native content posting. Use when the user wants to interact with X programmatically.","https:\u002F\u002Fgithub.com\u002Fsakamoto-family-smile\u002Fagent_monorepo\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fecc\u002Fx-api\u002FSKILL.md",[159,162],{"categoryNo":160,"categoryName":161,"taxonomyType":78,"taxonomyTypeDesc":79},"01JBSEEDCAT000000000000010","后端与接口",{"categoryNo":120,"categoryName":121,"taxonomyType":122,"taxonomyTypeDesc":123},[164,165,22,166,167,168,101,169,170,171,172,173,18,174,175,176,177,178,148,179],"x api","api","when","limits","rate","threads","reading","native","posting","platform","api integration","twitter","use","auth","analytics","OAuth",{"skillNo":181,"name":182,"nameZh":6,"description":183,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":184,"categories":185,"keywords":187,"publishedAt":38},"01M6VCGVX6DGB1FKTA53QBBCQB","workspace-surface-audit","Audit the active repo, MCP servers, plugins, connectors, env surfaces, and harness setup, then recommend the highest-value ECC-native skills, hooks, agents, and operator workflows. Use when the user wants help setting up Claude Code or understanding what capabilities are actually available in their environment.","https:\u002F\u002Fgithub.com\u002Fsakamoto-family-smile\u002Fagent_monorepo\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fecc\u002Fworkspace-surface-audit\u002FSKILL.md",[186],{"categoryNo":140,"categoryName":141,"taxonomyType":78,"taxonomyTypeDesc":79},[188,189,190,191,146,192,193,127,194,195,196,197,176,198,199,200,201,171,202,166],"workspace surface audit","workspace","audit","hooks","workflows","connectors","capabilities","harness","repo","environment","up","harness setup","active","env","value"]