threejs は何をしますか？
Three.js（WebGL/WebGPU）を使用して3D Webアプリケーションを構築します。3Dシーン、アニメーション、カスタムシェーダー、PBRマテリアル、VR/XR体験、ゲーム、データ可視化、プロダクトコンフィギュレーターに活用できます。
Three.js（WebGL/WebGPU）を使用して3D Webアプリケーションを構築します。3Dシーン、アニメーション、カスタムシェーダー、PBRマテリアル、VR/XR体験、ゲーム、データ可視化、プロダクトコンフィギュレーターに活用できます。
mrgoonie/threejsは、Three.jsライブラリを活用して、Webブラウザ上で高性能な3Dアプリケーションを構築するためのスキルです。WebGLおよびWebGPUをバックエンドとしてサポートしており、3Dシーンのレンダリング、アニメーション、カスタムシェーダー、物理ベースレンダリング（PBR）マテリアル、VR/XR体験、ゲーム、データ可視化、プロダクトコンフィギュレーターなど、幅広いユースケースに対応します。このスキルは、AIエージェント（Claude Code、Cursor、Codexなど）と連携してThree.jsプロジェクトのセットアップ、コード生成、デバッグ、最適化を支援します。例えば、AIに「3Dの回転アニメーションする立方体を作成して」と指示するだけで、即座に動作するThree.jsのコードが生成され、クリエイティブな3D開発を迅速に開始できます。
npx skills add https://github.com/mrgoonie/claudekit-skills/tree/main/skills/threejsThree.js（WebGL/WebGPU）を使用して3D Webアプリケーションを構築します。3Dシーン、アニメーション、カスタムシェーダー、PBRマテリアル、VR/XR体験、ゲーム、データ可視化、プロダクトコンフィギュレーターに活用できます。
This repo contains 3 individual skills — each has its own dedicated page.
Build robust backend systems with modern technologies (Node.js, Python, Go, Rust), frameworks (NestJS, FastAPI, Django), databases (PostgreSQL, MongoDB, Redis), APIs (REST, GraphQL, gRPC), authentication (OAuth 2.1, JWT), testing strategies, security best practices (OWASP Top 10), performance optimization, scalability patterns (microservices, caching, sharding), DevOps practices (Docker, Kubernetes, CI/CD), and monitoring. Use when designing APIs, implementing authentication, optimizing database queries, setting up CI/CD pipelines, handling security vulnerabilities, building microservices, or developing production-ready backend systems.
Process multimedia files with FFmpeg (video/audio encoding, conversion, streaming, filtering, hardware acceleration) and ImageMagick (image manipulation, format conversion, batch processing, effects, composition). Use when converting media formats, encoding videos with specific codecs (H.264, H.265, VP9), resizing/cropping images, extracting audio from video, applying filters and effects, optimizing file sizes, creating streaming manifests (HLS/DASH), generating thumbnails, batch processing imag
Use when complex problems require systematic step-by-step reasoning with ability to revise thoughts, branch into alternative approaches, or dynamically adjust scope. Ideal for multi-stage analysis, design planning, problem decomposition, or tasks with initially unclear scope.
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.