Does this support the new WebGPU standards?

Yes, the skill includes implementation patterns for Three.js WebGPU loaders and 2026-standard optimization workflows.

How do I reduce texture memory usage in the browser?

Use KTX2/Basis Universal textures; they stay compressed in GPU memory, significantly reducing the VRAM footprint and avoiding the heavy CPU decode costs associated with PNG or JPEG.

Can this skill help with Blender export issues?

Yes, it includes a comprehensive checklist for common export problems like incorrect scaling, missing textures, flipped normals, and animation jitter.

What is the best compression for web 3D animations?

Meshopt is generally recommended for animated models (skinned/morphs) as it provides a better balance between file size and fast decode speed compared to Draco.

What tool should I use for batch optimizing GLB files?

The gltf-transform CLI is the recommended tool for its flexibility and powerful scripting capabilities when managing complex or high-volume asset pipelines.

Asset Pipeline 3D

Name: Asset Pipeline 3D
Author: AnthemFlynn

byAnthemFlynn

•

게임 개발

Optimizes 3D models and textures for high-performance web rendering using modern GLTF/GLB compression standards.

This skill provides a comprehensive framework for preparing 3D assets for web environments like Three.js and React Three Fiber. It guides users through complex decision-making processes for geometry compression (Meshopt vs. Draco), texture optimization (KTX2, WebP), and level-of-detail (LOD) generation. Whether you are building product viewers, web games, or architectural visualizations, this skill ensures your 3D models are lightweight, performant, and compatible with modern GPU-accelerated web graphics.

주요 기능

01Geometry compression guidance using Draco and Meshoptimizer

02Advanced texture optimization for KTX2, WebP, and AVIF formats

031 GitHub stars

04Automated gltf-transform and gltfpack CLI command generation

05Performance profiling and asset validation for Three.js and WebGPU

06Detailed Blender export checklists for web-ready assets

사용 사례

01Configuring performant animation and skinning for web-based games

02Optimizing high-poly models for mobile-friendly 3D product configurators

03Batch processing large libraries of 3D assets for e-commerce platforms

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add anthemflynn/ccmp asset-pipeline-3d

For use in Claude.ai and ChatGPT

Download Skill