Other skills

Content, animation and effects best practices

The English summary is being prepared. Showing the original description.

Upgrade Remotion, and related packages

The English summary is being prepared. Showing the original description.

Transcribing, displaying and animating captions

The English summary is being prepared. Showing the original description.

Structure Remotion markup for interactivity

The English summary is being prepared. Showing the original description.

Router for all Remotion skills

The English summary is being prepared. Showing the original description.

Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.

The English summary is being prepared. Showing the original description.

Helps users discover and install agent skills. Use when they ask "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities with installable skills.

The English summary is being prepared. Showing the original description.

Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.

The English summary is being prepared. Showing the original description.

Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.

The English summary is being prepared. Showing the original description.

Replace with description of the skill and when Claude should use it.

The English summary is being prepared. Showing the original description.

Three.js post-processing - EffectComposer, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.

The English summary is being prepared. Showing the original description.

Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance.

The English summary is being prepared. Showing the original description.

Three.js interaction - raycasting, controls, mouse/touch input, object selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.

The English summary is being prepared. Showing the original description.

Three.js geometry creation - built-in shapes, BufferGeometry, custom geometry, instancing. Use when creating 3D shapes, working with vertices, building custom meshes, or optimizing with instanced rendering.

The English summary is being prepared. Showing the original description.

Builds simple Three.js web apps with scene setup, lighting, geometry, materials, animation, and responsive rendering. Use when creating or prototyping 3D web scenes with modern Three.js (r150+).

The English summary is being prepared. Showing the original description.

Three.js materials - PBR, basic, phong, shader materials, material properties. Use when styling meshes, working with textures, creating custom shaders, or optimizing material performance.

The English summary is being prepared. Showing the original description.

Comprehensive guide for developing WebGPU-enabled Three.js applications using TSL (Three.js Shading Language). Covers WebGPU renderer setup, node materials, compute shaders, post-processing, and WGSL integration. Use when working with Three.js WebGPU, TSL shaders, or GPU compute pipelines.

The English summary is being prepared. Showing the original description.

Use when the user explicitly asks for a desktop or system screenshot (full screen, specific app or window, or a pixel region), or when tool-specific capture capabilities are unavailable and an OS-level capture is needed.

The English summary is being prepared. Showing the original description.

Create algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use when users request generative art, algorithmic art, flow fields, or particle systems. Create original works rather than copying existing artists.

The English summary is being prepared. Showing the original description.

Generative Engine Optimization for AI search engines (ChatGPT, Claude, Perplexity). Use when improving how content is discovered and cited by AI assistants.

The English summary is being prepared. Showing the original description.

Build a LiveAvatar integration end-to-end — assesses the user's existing stack, recommends the optimal path, and guides implementation. Use when: (1) Building a new LiveAvatar integration, (2) Adding a real-time avatar to an app or site, (3) Connecting LiveAvatar to an existing AI pipeline, (4) User mentions LiveAvatar, real-time avatar, interactive avatar, conversational avatar, or lip-sync avatar, (5) Deciding between Embed, FULL Mode, and LITE Mode, (6) Migrating from HeyGen Interactive Avatar to LiveAvatar.

The English summary is being prepared. Showing the original description.

プロジェクト文脈を把握し .claude/context.md を作成する．新しいプロジェクトを始めるときに使う．context.md が既にある場合は /groundwork:theory を使う．

The English summary is being prepared. Showing the original description.

プロジェクト全体（または指定範囲）を最も美しい確定版へ仕上げる．範囲を媒体に分解して refine プラグインの各スキルへ委譲し，媒体間の継ぎ目を走査する．「プロジェクト全体を完璧にして」「全部洗練して」など，媒体をまたぐ仕上げを求められたときに使う．単一媒体の仕上げは refine プラグインの該当スキルを使う．

The English summary is being prepared. Showing the original description.

スキルが失敗・批判を受けたとき，根本原因を診断してその定義を更新し再発を防ぐ．どのスキルにも適用できる．

The English summary is being prepared. Showing the original description.