commit f64e7985741f21c7a59df0580d2aa75335c9b256
Author: LIAOWEIRAN <izenn.ryou@hyron.co.jp>
Date:   Tue Jan 6 09:55:26 2026 +0900

    Create new Remotion video

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..b62197b
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,7 @@
+node_modules
+dist
+.DS_Store
+.env
+
+# Ignore the output video from Git but not videos you import into src/.
+out
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..37d5071
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,5 @@
+{
+  "useTabs": false,
+  "bracketSpacing": true,
+  "tabWidth": 2
+}
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..3132845
--- /dev/null
+++ b/README.md
@@ -0,0 +1,54 @@
+# Remotion video
+
+<p align="center">
+  <a href="https://github.com/remotion-dev/logo">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://github.com/remotion-dev/logo/raw/main/animated-logo-banner-dark.apng">
+      <img alt="Animated Remotion Logo" src="https://github.com/remotion-dev/logo/raw/main/animated-logo-banner-light.gif">
+    </picture>
+  </a>
+</p>
+
+Welcome to your Remotion project!
+
+## Commands
+
+**Install Dependencies**
+
+```console
+npm i
+```
+
+**Start Preview**
+
+```console
+npm run dev
+```
+
+**Render video**
+
+```console
+npx remotion render
+```
+
+**Upgrade Remotion**
+
+```console
+npx remotion upgrade
+```
+
+## Docs
+
+Get started with Remotion by reading the [fundamentals page](https://www.remotion.dev/docs/the-fundamentals).
+
+## Help
+
+We provide help on our [Discord server](https://discord.gg/6VzzNDwUwV).
+
+## Issues
+
+Found an issue with Remotion? [File an issue here](https://github.com/remotion-dev/remotion/issues/new).
+
+## License
+
+Note that for some entities a company license is needed. [Read the terms here](https://github.com/remotion-dev/remotion/blob/main/LICENSE.md).
diff --git a/eslint.config.mjs b/eslint.config.mjs
new file mode 100644
index 0000000..13b44a0
--- /dev/null
+++ b/eslint.config.mjs
@@ -0,0 +1,3 @@
+import { config } from "@remotion/eslint-config-flat";
+
+export default config;
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..91876d6
--- /dev/null
+++ b/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "life-plan-poc",
+  "version": "1.0.0",
+  "description": "My Remotion video",
+  "repository": {},
+  "license": "UNLICENSED",
+  "private": true,
+  "dependencies": {
+    "@remotion/cli": "4.0.400",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "remotion": "4.0.400"
+  },
+  "devDependencies": {
+    "@remotion/eslint-config-flat": "4.0.400",
+    "@types/react": "19.2.7",
+    "@types/web": "0.0.166",
+    "eslint": "9.19.0",
+    "prettier": "3.6.0",
+    "typescript": "5.9.3"
+  },
+  "scripts": {
+    "dev": "remotion studio",
+    "build": "remotion bundle",
+    "upgrade": "remotion upgrade",
+    "lint": "eslint src && tsc"
+  }
+}
\ No newline at end of file
diff --git a/remotion.config.ts b/remotion.config.ts
new file mode 100644
index 0000000..6fd1b55
--- /dev/null
+++ b/remotion.config.ts
@@ -0,0 +1,11 @@
+/**
+ * Note: When using the Node.JS APIs, the config file
+ * doesn't apply. Instead, pass options directly to the APIs.
+ *
+ * All configuration options: https://remotion.dev/docs/config
+ */
+
+import { Config } from "@remotion/cli/config";
+
+Config.setVideoImageFormat("jpeg");
+Config.setOverwriteOutput(true);
diff --git a/src/Composition.tsx b/src/Composition.tsx
new file mode 100644
index 0000000..90c3114
--- /dev/null
+++ b/src/Composition.tsx
@@ -0,0 +1,3 @@
+export const MyComposition = () => {
+  return null;
+};
diff --git a/src/Root.tsx b/src/Root.tsx
new file mode 100644
index 0000000..43b0422
--- /dev/null
+++ b/src/Root.tsx
@@ -0,0 +1,17 @@
+import { Composition } from "remotion";
+import { MyComposition } from "./Composition";
+
+export const RemotionRoot: React.FC = () => {
+  return (
+    <>
+      <Composition
+        id="MyComp"
+        component={MyComposition}
+        durationInFrames={60}
+        fps={30}
+        width={1280}
+        height={720}
+      />
+    </>
+  );
+};
diff --git a/src/index.ts b/src/index.ts
new file mode 100644
index 0000000..f31c790
--- /dev/null
+++ b/src/index.ts
@@ -0,0 +1,4 @@
+import { registerRoot } from "remotion";
+import { RemotionRoot } from "./Root";
+
+registerRoot(RemotionRoot);
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..4bdf271
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "target": "ES2018",
+    "module": "commonjs",
+    "jsx": "react-jsx",
+    "strict": true,
+    "noEmit": true,
+    "lib": ["es2015"],
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "noUnusedLocals": true
+  },
+  "exclude": ["remotion.config.ts"]
+}