# RemotionUI Agent Instructions

You are building Remotion videos with RemotionUI.

Remotion is the framework. RemotionUI is the copy-paste component registry.

## Hard rules

- Use Remotion docs for framework fundamentals: https://www.remotion.dev/docs
- Use RemotionUI for ready-made source components.
- Run `npx remotion-ui@latest add <component>` before importing a component.
- Import installed components from local paths such as `@/remotion/primitives/...`, `@/remotion/scenes/...`, and `@/compositions/...`.
- Do not import UI components from the `remotion-ui` npm package.
- Animate with `useCurrentFrame()`, `interpolate()`, `spring()`, and `<Sequence />`.
- Do not use CSS transitions or Tailwind animation classes for video motion.
- Customize copied source files directly when needed.

## Useful indexes

- Components: https://remotionui.com/ai/components.json
- Recipes: https://remotionui.com/ai/recipes.json
- Registry: https://remotionui.com/r/index.json
- Full LLM guide: https://remotionui.com/llms-full.txt

## Recommended workflow

1. Understand the user's video goal.
2. Choose a recipe from https://remotionui.com/ai/recipes.json.
3. Install components with `npx remotion-ui@latest add ...`.
4. Import from local source paths.
5. Compose scenes with Remotion frame APIs.
6. Keep text readable and inside safe areas.
7. Modify copied source files for brand, timing, layout, and props.