Analyze a reference video's layout, typography, motion, and interactions to create a detailed prompt for rebuilding or adapting the experience. Include asset requirements, implementation choices, mobile behavior, and alternatives for users who prefer reduced motion.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Turn a reference video into a detailed build prompt
- Describe scroll effects and transitions precisely
- Plan image and video assets for a recreation
MengTo/Skills☆ 6.8천2026년 10월 18일 업데이트
Build sky backgrounds for 3D scenes using procedural atmosphere or panoramic images. Align the horizon, sun, shadows, and environment lighting, while handling camera movement, image loading, and smooth transitions between day, dusk, and night.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Creating sky backgrounds for architecture and outdoor scenes
- Aligning sunset skies with shadows and reflections
- Designing transitions from day through dusk to night
MengTo/Skills☆ 6.8천2026년 10월 18일 업데이트
Design premium Three.js game UI: HUDs, menus, overlays, pause/win/lose screens, settings, icon controls, touch UI, typography, responsive layout, safe areas, text fit, and UI/world cohesion.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
majidmanzarpour/threejs-game-skills☆ 2.5천2026년 9월 28일 업데이트
Generate, texture, rig, animate, stylize, convert, and download 3D assets for Three.js games via the Tripo API. Use for text-to-3D, image-to-3D, game-ready GLB/FBX, characters, creatures, buildings, props, weapons, terrain, auto-rigging, animation retargeting, model texturing, voxel/LEGO stylization, and low-poly conversion. Pair with threejs-image-generator for concept and texture references first.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
majidmanzarpour/threejs-game-skills☆ 2.5천2026년 9월 28일 업데이트
Generate, convert, clean, and integrate audio for Three.js browser games with ElevenLabs: sound effects, looping ambience, music tracks and loops (menu, gameplay, boss, victory/defeat stingers), UI sounds, impact/weapon/vehicle audio, creature and boss stingers, announcer and dialogue TTS, voice conversion from a scratch performance, voice cleanup, audio manifests, and Web Audio integration.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
majidmanzarpour/threejs-game-skills☆ 2.5천2026년 9월 28일 업데이트
Debug and profile Three.js browser games: blank canvases, render and runtime bugs, asset and audio loading, animation, resize, mobile input, plus performance profiling of draw calls, triangles, textures, memory, shader and post-processing cost, and bundle size.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
majidmanzarpour/threejs-game-skills☆ 2.5천2026년 9월 28일 업데이트
Verify and release Three.js browser games: playtest QA, automated bot playtests, mobile and responsive checks, production builds, static-hosting base paths, debug gating, bundle review, screenshots, visual regression baselines, canvas-pixel inspection with measured metrics, and release risk reports.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
majidmanzarpour/threejs-game-skills☆ 2.5천2026년 9월 28일 업데이트
Generate and edit 2D image assets for Three.js games with Google's Gemini image API: concept sheets, image-to-3D inputs, texture and material references, sky and background plates, decals, logos, icons, GUI art, title and menu art, and marketing stills. Also use for direct image editing when the user supplies an image path.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
majidmanzarpour/threejs-game-skills☆ 2.5천2026년 9월 28일 업데이트
Upgrade Three.js games from prototype visuals to premium browser graphics: art-direction critique, procedural model building, material and texture libraries, world prop kits, shaders, VFX, lighting and render pipeline, LOD and instancing, render budgets, and a 10-category visual scorecard. Use when screenshots still look basic or the user asks for premium, AAA, high-fidelity, showcase, or less-basic graphics.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
majidmanzarpour/threejs-game-skills☆ 2.5천2026년 9월 28일 업데이트
Build 3D web apps with Three.js (WebGL/WebGPU). Use for 3D scenes, animations, custom shaders, PBR materials, VR/XR experiences, games, data visualizations, product configurators.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
mrgoonie/claudekit-skills☆ 2.2천2026년 4월 3일 업데이트
Three.js scene-graph parsing and export workflows: mesh baking, InstancedMesh expansion, part partitioning, per-link OBJ export, and URDF articulation.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
benchflow-ai/skillsbench☆ 1.9천2026년 10월 13일 업데이트
Routes any game-development request to the right specialized skill(s): it detects the engine (Godot, Unity, Unreal, Bevy, Phaser, PixiJS, three.js, LÖVE, pygame, Roblox) and the task, then reads the chosen skill before acting. Use to make a game or to decide which skill applies — for players, levels, enemies, shaders, art direction, sprites, tiles, textures, 3D assets, UI/UX, cameras, game feel, physics, input, audio, saving, multiplayer, AI, dialogue, procedural generation, or performance, for genres (platformer, roguelike, RPG, FPS, tower-defense, card game, visual novel, survival-crafting, puzzle), and for shipping (game jam, Steam, itch). Start here when unsure which gamedev skill to use.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
gamedev-skills/awesome-gamedev-agent-skills☆ 1.7천2026년 10월 9일 업데이트
终极口播视频 skill:中文口播稿 + 成品配音 → CPU 字级时间戳 → SHOTBOOK 层矩阵分镜 → Remotion 电影感成片(横屏默认/竖屏)。当用户要"做口播视频"、"解说/科普视频"、"把文案变成视频"、"给配音配画面动效"时使用。默认使用成品配音,可选 Fish Audio 从稿子合成配音与时间戳;数字人生成技术不在本 skill 内(人物素材是输入)。含统一视觉语言(Apple 范式)、108 张动效配方卡、镜头三面分层工作单、七层镜头反PPT系统(极缓推拉相机/让位,运动做减法)、六式运动承接转场(每式一卡)、长镜头世界画布、anime.js+three.js 桥、自动静止检测 + 独立 subagent 评估循环。
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Vincentwei1021/video-talkcraft☆ 1.7천2026년 10월 12일 업데이트
Build premium, realistic soundtracks for code-made videos and animations from real licensed recordings - launch films, product and feature videos, UI walkthroughs, logo stings, explainers, trailers and animated shorts made with Remotion, HyperFrames, three.js, GSAP or any renderer. Use this whenever a video or animation needs sound design, SFX, foley, ambience, music, a soundtrack, a score, UI click / whoosh / riser / impact / logo-sting sounds, or a music edit to picture; whenever a synthesized or "random" sounding soundtrack must be replaced with real recordings; or when the user asks to source, license, credit, mix, master, critique or mux audio for a film. It covers cue lists from the picture, sourcing from Freesound / Mixkit / composer libraries with licence checks, a music edit at bar lines, a JSON sound design rendered by a deterministic mixer, measured QA (clicks, masking, harshness, sync, loudness) plus earshot listening, a multi-agent critique, mastering, credits and the mux.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Leonxlnx/earshot☆ 1.7천2026년 10월 18일 업데이트
AI design specialist skill with DESIGN.md management, anti-pattern enforcement, optional Stitch MCP integration, and component library guidance. Covers typography, color systems, motion design (motion/react, GSAP, Three.js), responsive-first layouts, and accessibility (WCAG 2.2).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
first-fluke/oh-my-agent☆ 1.3천2026년 10월 19일 업데이트
Plan, build and quality-check a premium short commercial for a real business (roofing, property, ecommerce, B2B software) using AI-generated footage, code-built motion (HTML/GSAP), selective Three.js and an independent-critic "Gauntlet" loop. Use when asked to make a launch-style / SaaS-style video, business ad, explainer, sample reel or pitch video, or to review and improve one. Encodes motion principles distilled from 28 professional launch films, a quality bar, audio rules and a business-offer playbook.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
echris6/motion-video-kit☆ 1.2천2026년 10월 15일 업데이트
Comprehensive skill for GSAP (GreenSock Animation Platform) and ScrollTrigger plugin. Use this skill when creating web animations, scroll-driven experiences, timelines, tweens, scroll-triggered animations, pinning, scrubbing, parallax effects, or animating DOM elements, SVG, Canvas, WebGL, or Three.js. Triggers on tasks involving GSAP, ScrollTrigger, smooth animations, scroll effects, or animation sequencing.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
freshtechbro/claudedesignskills☆ 1.1천2025년 11월 20일 업데이트
Comprehensive skill for Babylon.js 3D web rendering engine. Use this skill when building real-time 3D experiences, browser-based games, interactive visualizations, or immersive web applications. Triggers on tasks involving Babylon.js, 3D scenes, WebGL/WebGPU rendering, entity-component systems, physics simulations, PBR materials, shadow mapping, or 3D model loading. Alternative to Three.js with built-in editor integration and game engine features.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
freshtechbro/claudedesignskills☆ 1.1천2025년 11월 20일 업데이트
Meta-skill for combining Three.js, GSAP ScrollTrigger, React Three Fiber, Motion, and React Spring for complex 3D web experiences. Use when building applications that integrate multiple 3D and animation libraries, requiring architecture patterns, state management, and performance optimization across the stack. Triggers on tasks involving library integration, multi-library architectures, scroll-driven 3D experiences, physics-based 3D animations, or complex interactive 3D applications.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
freshtechbro/claudedesignskills☆ 1.1천2025년 11월 20일 업데이트
Comprehensive skill for Adobe Substance 3D Painter texturing and material creation workflow. Use this skill when creating PBR materials, exporting textures for web/game engines, optimizing 3D assets for real-time rendering, or automating texture workflows. Triggers on tasks involving Substance 3D Painter, PBR texturing, material creation, texture export for Three.js, Babylon.js, Unity, Unreal, glTF optimization, or Python API automation. Creates optimized textures for threejs-webgl, react-three-fiber, and babylonjs-engine materials.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
freshtechbro/claudedesignskills☆ 1.1천2025년 11월 20일 업데이트
Browser-based 3D design tool with visual editor, animation, and web export. Use this skill when creating 3D scenes without code, designing interactive web experiences, prototyping 3D UI, exporting to React/web, or building designer-friendly 3D content. Triggers on tasks involving Spline, no-code 3D, visual 3D editor, 3D animation, state-based interactions, React Spline integration, or scene export. Alternative to Three.js for designers who prefer visual tools over code.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
freshtechbro/claudedesignskills☆ 1.1천2025년 11월 20일 업데이트
Lightweight WebGL/WebGPU game engine with entity-component architecture and visual editor integration. Use this skill when building browser-based games, interactive 3D applications, or performance-critical web experiences. Triggers on tasks involving PlayCanvas, entity-component systems, game engine development, WebGL games, 3D browser applications, editor-first workflows, or real-time 3D rendering. Alternative to Three.js with game-specific features and integrated development environment.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
freshtechbro/claudedesignskills☆ 1.1천2025년 11월 20일 업데이트
Blender to web export workflows for 3D models and animations. Use this skill when exporting Blender models to glTF for web, optimizing 3D assets for Three.js or Babylon.js, batch processing models with Python scripts, automating Blender workflows, or creating web-ready 3D pipelines. Triggers on tasks involving Blender glTF export, bpy scripting, 3D asset optimization, model compression, texture baking, or Blender automation. Exports models for threejs-webgl, react-three-fiber, and babylonjs-engine skills.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
freshtechbro/claudedesignskills☆ 1.1천2025년 11월 20일 업데이트
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
freshtechbro/claudedesignskills☆ 1.1천2025년 11월 20일 업데이트