mirror of
https://github.com/affaan-m/everything-claude-code.git
synced 2026-06-14 20:21:23 +08:00
174e31b3fc
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)
942 B
942 B
name, description, metadata
| name | description | metadata | ||
|---|---|---|---|---|
| animations | Remotionの基本的なアニメーションスキル |
|
すべてのアニメーションは 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は禁止です - 正しくレンダリングされません。