diff --git a/web/app/(commonLayout)/plugins/page.tsx b/web/app/(commonLayout)/plugins/page.tsx
index e7a5f1d022..5c22853fcd 100644
--- a/web/app/(commonLayout)/plugins/page.tsx
+++ b/web/app/(commonLayout)/plugins/page.tsx
@@ -1,16 +1,9 @@
 import Container from './Container'
-import ListItem from '@/app/components/plugins/list-item-for-test'
 
 const PluginList = async () => {
-  const mockList = ['Plugin 1', 'Plugin 2', 'Plugin 3']
   return (
     <>
       <Container />
-      <div>
-        {mockList.map(item => (
-          <ListItem key={item} text={item} />
-        ))}
-      </div>
     </>
   )
 }
diff --git a/web/app/(commonLayout)/plugins/test/card/page.tsx b/web/app/(commonLayout)/plugins/test/card/page.tsx
new file mode 100644
index 0000000000..4c849c41ef
--- /dev/null
+++ b/web/app/(commonLayout)/plugins/test/card/page.tsx
@@ -0,0 +1,14 @@
+import Card from '@/app/components/plugins/card'
+const PluginList = async () => {
+  return (
+    <>
+      <Card />
+    </>
+  )
+}
+
+export const metadata = {
+  title: 'Plugins - Card',
+}
+
+export default PluginList
diff --git a/web/app/components/plugins/list-item-for-test.tsx b/web/app/components/plugins/list-item-for-test.tsx
deleted file mode 100644
index a0b7101f02..0000000000
--- a/web/app/components/plugins/list-item-for-test.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from 'react'
-
-type ListItemProps = {
-  text: string
-}
-
-const ListItem: React.FC<ListItemProps> = ({ text }) => {
-  return (
-    <div>
-      <p>{text}</p>
-    </div>
-  )
-}
-
-export default ListItem