diff --git a/frontend/crawlab-ui/.gitignore b/frontend/crawlab-ui/.gitignore
index 0e95d095..b0b51fa0 100644
--- a/frontend/crawlab-ui/.gitignore
+++ b/frontend/crawlab-ui/.gitignore
@@ -34,3 +34,5 @@ dist_local/
 
 stats.html
 .turbo
+
+*.local
diff --git a/frontend/crawlab-ui/src/views/autoprobe/list/AutoProbeList.vue b/frontend/crawlab-ui/src/views/autoprobe/list/AutoProbeList.vue
new file mode 100644
index 00000000..1cea8ebb
--- /dev/null
+++ b/frontend/crawlab-ui/src/views/autoprobe/list/AutoProbeList.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+defineOptions({ name: 'ClExtractList' });
+</script>
+
+<template>
+  <cl-list-layout
+    store-namespace="extract"
+  />
+</template>
diff --git a/frontend/crawlab-ui/src/views/autoprobe/list/useAutoProbeList.ts b/frontend/crawlab-ui/src/views/autoprobe/list/useAutoProbeList.ts
new file mode 100644
index 00000000..266c6345
--- /dev/null
+++ b/frontend/crawlab-ui/src/views/autoprobe/list/useAutoProbeList.ts
@@ -0,0 +1,13 @@
+import { useStore } from 'vuex';
+import { useList } from '@/layouts';
+
+const useAutoProbeList = () => {
+  const ns: ListStoreNamespace = 'extract';
+  const store = useStore();
+
+  return {
+    ...useList<ExtractPattern>(ns),
+  };
+};
+
+export default useAutoProbeList;