diff --git a/app/(admin)/admin/article/generate/edit/[id]/page.tsx b/app/(admin)/admin/article/generate/edit/[id]/page.tsx
new file mode 100644
index 0000000..943c141
--- /dev/null
+++ b/app/(admin)/admin/article/generate/edit/[id]/page.tsx
@@ -0,0 +1,14 @@
+"use client";
+import EditGeneratedArticle from "@/components/form/article/edit-generated-article";
+import { Card } from "@nextui-org/react";
+import { useParams } from "next/navigation";
+
+export default function EditGeneratedArticlePage() {
+  const params = useParams();
+  const id = String(params.id);
+  return (
+    <Card className="rounded-md border bg-transparent">
+      <EditGeneratedArticle id={id} />
+    </Card>
+  );
+}
diff --git a/components/form/article/edit-generated-article.tsx b/components/form/article/edit-generated-article.tsx
new file mode 100644
index 0000000..3c95320
--- /dev/null
+++ b/components/form/article/edit-generated-article.tsx
@@ -0,0 +1,4 @@
+export default function EditGeneratedArticle(props: { id: string }) {
+  const { id } = props;
+  return <div>{id}</div>;
+}