Files
everything-claude-code/docs/ja-JP/skills/remotion-video-creation/rules/animations.md
T
Claude 174e31b3fc feat(ja-JP): add skill sub-reference translations (angular, remotion, etc.)
Translated 85 skill sub-reference files to achieve full parity with
the English source:

- skills/angular-developer/references/ — 35 files (all references)
- skills/remotion-video-creation/rules/ — 28 files (all rules)
- skills/tinystruct-patterns/references/ — 5 files
- skills/openclaw-persona-forge/references/ — 6 files
- skills/skill-comply/prompts/ — 3 files
- skills/lead-intelligence/agents/ — 4 files
- skills/brand-voice/references/ — 1 file
- skills/frontend-slides/ — 2 files
- hooks/memory-persistence/README.md — 1 file

English source parity: 0 missing files (excluding rules/zh/, internal
docs, and experimental examples absent from zh-CN)
2026-05-18 06:15:26 +09:00

942 B

name, description, metadata
name description metadata
animations Remotionの基本的なアニメーションスキル
tags
animations, transitions, frames, useCurrentFrame

すべてのアニメーションは useCurrentFrame() フックによって駆動される必要があります。 アニメーションは秒単位で記述し、useVideoConfig()fps 値を掛け合わせてください。

import { useCurrentFrame } from "remotion";

export const FadeIn = () => {
  const frame = useCurrentFrame();
  const { fps } = useVideoConfig();

  const opacity = interpolate(frame, [0, 2 * fps], [0, 1], {
    extrapolateRight: 'clamp',
  });

  return (
    <div style={{ opacity }}>Hello World!</div>
  );
};

CSSトランジションやアニメーションは禁止です - 正しくレンダリングされません。 TailwindのアニメーションクラスNameは禁止です - 正しくレンダリングされません。