Blender에서 웹으로 3D 모델과 애니메이션을 내보내기 위한 워크플로입니다. Blender 모델을 웹용 glTF로 내보내거나, Three.js 또는 Babylon.js용 3D 에셋을 최적화하거나, Python 스크립트로 모델을 일괄 처리하거나, Blender 워크플로를 자동화하거나, 웹에 적합한 3D 파이프라인을 생성할 때 이 스킬을 사용하세요.
freshtechbro/blender-web-pipeline은 Blender에서 웹 기반 3D 애플리케이션으로의 내보내기 및 최적화를 위한 전문 스킬입니다. 이 스킬은 Blender 모델을 glTF 형식으로 내보내고, Three.js, react-three-fiber, babylonjs-engine과 같은 주요 웹 3D 라이브러리와 통합하여 사용할 수 있도록 돕습니다. 주요 기능으로는 모델 압축, 텍스처 베이킹, Python(bpy) 스크립트를 이용한 일괄 처리, 그리고 3D 에셋 최적화가 포함됩니다. 개발자는 이 스킬을 사용하여 웹 전달을 위한 간소화된 3D 파이프라인을 자동화하고, 효율적인 웹 성능을 위해 폴리곤 수와 텍스처 크기를 줄이며, glTF, USDZ, OBJ 등 다양한 내보내기 형식을 지원할 수 있습니다. 이 스킬은 Claude Code와 같은 AI 에이전트 환경에서 Blender 관련 작업을 트리거하여 수동 작업을 최소화하고, 재사용 가능한 워크플로를 생성하는 데 특히 유용합니다.
npx skills add https://github.com/freshtechbro/claudedesignskills/tree/main/skills/blender-web-pipelineBlender에서 웹으로 3D 모델과 애니메이션을 내보내기 위한 워크플로입니다. Blender 모델을 웹용 glTF로 내보내거나, Three.js 또는 Babylon.js용 3D 에셋을 최적화하거나, Python 스크립트로 모델을 일괄 처리하거나, Blender 워크플로를 자동화하거나, 웹에 적합한 3D 파이프라인을 생성할 때 이 스킬을 사용하세요. Blender glTF 내보내기, bpy 스크립팅, 3D 에셋 최적화, 모델 압축, 텍스처 베이킹 또는 Blender 자동화와 관련된 작업에서 실행됩니다. threejs-webgl, react-three-fiber 및 babylonjs-engine 스킬을 위해 모델을 내보냅니다.
This repo contains 6 individual skills — each has its own dedicated page.
Pre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React Bits (90+ minimal-dependency animated components). Use this skill when building landing pages, marketing sites, dashboards, or interactive UIs requiring pre-made animated components instead of hand-crafting animations. Triggers on tasks involving animated UI components, Magic UI, React Bits, shadcn/ui integration, Tailwind CSS components, or component library selection. Alternative to manually implementing animations with Framer Motion or GSAP.
After Effects animation rendering for web and React applications. Use this skill when implementing Lottie animations, JSON vector animations, interactive animated icons, micro-interactions, or loading animations. Triggers on tasks involving Lottie, lottie-web, lottie-react, dotLottie, After Effects JSON export, bodymovin, animated SVG alternatives, or designer-created animations. Complements GSAP ScrollTrigger and Framer Motion for scroll-driven and interactive animations.
Modern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites, creating interactive experiences, implementing design systems, ensuring accessibility, or building performance-first interfaces. Triggers on tasks involving modern design trends, micro-interactions, scrollytelling, bold minimalism, cursor UX, glassmorphism, accessibility compliance, performance optimization, or design system architecture. References animation skills (GSAP, Framer Motion, React Spring), 3D skills (Three.js, R3F, Babylon.js), and component libraries for implementation guidance.
Modern animation library for React and JavaScript. Create smooth, production-ready animations with motion components, variants, gestures (hover/tap/drag), layout animations, AnimatePresence exit animations, spring physics, and scroll-based effects. Use when building interactive UI components, micro-interactions, page transitions, or complex animation sequences.
Build declarative 3D scenes with React Three Fiber (R3F) - a React renderer for Three.js. Use when building interactive 3D experiences in React applications with component-based architecture, state management, and reusable abstractions. Ideal for product configurators, portfolios, games, data visualization, and immersive web experiences.
Comprehensive skill for Three.js 3D web development. Use this skill when building interactive 3D scenes, WebGL/WebGPU applications, product configurators, 3D visualizations, or immersive web experiences. Triggers on tasks involving Three.js, 3D rendering, scenes, cameras, meshes, materials, lights, animations, textures, or WebGL/WebGPU rendering.
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.
Obra superpowers agent skills.
See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...
End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.