diff --git a/frontend/src/renderer/components/Layout.jsx b/frontend/src/renderer/components/Layout.jsx
new file mode 100644
index 0000000..75651b8
--- /dev/null
+++ b/frontend/src/renderer/components/Layout.jsx
@@ -0,0 +1,22 @@
+import React from 'react';
+import { Layout as AntLayout } from 'antd';
+import Header from './Header';
+import Sidebar from './Sidebar';
+
+const { Content } = AntLayout;
+
+function AppLayout({ children }) {
+  return (
+    <AntLayout style={{ minHeight: '100vh' }}>
+      <Header />
+      <AntLayout>
+        <Sidebar />
+        <Content style={{ padding: '24px', background: '#fff' }}>
+          {children}
+        </Content>
+      </AntLayout>
+    </AntLayout>
+  );
+}
+
+export default AppLayout;