diff --git a/ui/console-src/modules/system/users/UserDetail.vue b/ui/console-src/modules/system/users/UserDetail.vue
index 2355ac07f..5cdd44883 100644
--- a/ui/console-src/modules/system/users/UserDetail.vue
+++ b/ui/console-src/modules/system/users/UserDetail.vue
@@ -2,40 +2,36 @@
 import { apiClient } from "@/utils/api-client";
 import {
   VButton,
-  VTabbar,
   VDropdown,
   VDropdownItem,
+  VTabbar,
 } from "@halo-dev/components";
-import { computed, provide, ref, type Ref } from "vue";
+import {
+  computed,
+  markRaw,
+  onMounted,
+  provide,
+  type Ref,
+  ref,
+  toRaw,
+} from "vue";
 import { useRoute } from "vue-router";
-import type { DetailedUser } from "@halo-dev/api-client";
 import UserEditingModal from "./components/UserEditingModal.vue";
 import UserPasswordChangeModal from "./components/UserPasswordChangeModal.vue";
 import { usePermission } from "@/utils/permission";
 import { useQuery } from "@tanstack/vue-query";
 import { useI18n } from "vue-i18n";
 import UserAvatar from "@/components/user-avatar/UserAvatar.vue";
-import type { Raw } from "vue";
-import type { Component } from "vue";
-import { markRaw } from "vue";
 import DetailTab from "./tabs/Detail.vue";
 import { useRouteQuery } from "@vueuse/router";
 import { useUserStore } from "@/stores/user";
+import { usePluginModuleStore } from "@/stores/plugin";
+import type { PluginModule, UserTab } from "@halo-dev/console-shared";
 
 const { currentUserHasPermission } = usePermission();
 const { t } = useI18n();
 const { currentUser } = useUserStore();
 
-interface UserTab {
-  id: string;
-  label: string;
-  component: Raw<Component>;
-  props?: Record<string, unknown>;
-  permissions?: string[];
-  priority: number;
-  hidden?: boolean;
-}
-
 const editingModal = ref(false);
 const passwordChangeModal = ref(false);
 
@@ -56,25 +52,44 @@ const {
   enabled: computed(() => !!params.name),
 });
 
-provide<Ref<DetailedUser | undefined>>("user", user);
-
-const tabs: UserTab[] = [
+const tabs = ref<UserTab[]>([
   {
     id: "detail",
     label: t("core.user.detail.tabs.detail"),
     component: markRaw(DetailTab),
     priority: 10,
   },
-];
+]);
 
-const activeTab = useRouteQuery<string>("tab", tabs[0].id, {
+// Collect user:detail:tabs:create extension points
+onMounted(() => {
+  const { pluginModules } = usePluginModuleStore();
+
+  pluginModules.forEach((pluginModule: PluginModule) => {
+    const { extensionPoints } = pluginModule;
+    if (!extensionPoints?.["user:detail:tabs:create"]) {
+      return;
+    }
+
+    const providers = extensionPoints["user:detail:tabs:create"]() as UserTab[];
+
+    tabs.value.push(...providers);
+  });
+});
+
+const activeTab = useRouteQuery<string>("tab", tabs.value[0].id, {
   mode: "push",
 });
 
 provide<Ref<string>>("activeTab", activeTab);
 
 const tabbarItems = computed(() => {
-  return tabs.map((tab) => ({ id: tab.id, label: tab.label }));
+  return toRaw(tabs)
+    .value.sort((a, b) => a.priority - b.priority)
+    .map((tab) => ({
+      id: tab.id,
+      label: tab.label,
+    }));
 });
 
 function handleRouteToUC() {
@@ -142,7 +157,8 @@ function handleRouteToUC() {
       <template v-for="tab in tabs" :key="tab.id">
         <component
           :is="tab.component"
-          v-if="activeTab === tab.id && !tab.hidden"
+          v-if="activeTab === tab.id"
+          :user="user"
         />
       </template>
     </div>
diff --git a/ui/console-src/modules/system/users/tabs/Detail.vue b/ui/console-src/modules/system/users/tabs/Detail.vue
index 8fd1a2f9d..cad29bc0e 100644
--- a/ui/console-src/modules/system/users/tabs/Detail.vue
+++ b/ui/console-src/modules/system/users/tabs/Detail.vue
@@ -5,13 +5,13 @@ import {
   VDescriptionItem,
   VTag,
 } from "@halo-dev/components";
-import type { Ref } from "vue";
-import { inject } from "vue";
 import type { DetailedUser } from "@halo-dev/api-client";
 import { rbacAnnotations } from "@/constants/annotations";
 import { formatDatetime } from "@/utils/date";
 
-const user = inject<Ref<DetailedUser | undefined>>("user");
+withDefaults(defineProps<{ user?: DetailedUser }>(), {
+  user: undefined,
+});
 </script>
 <template>
   <div class="border-t border-gray-100">
diff --git a/ui/packages/shared/src/index.ts b/ui/packages/shared/src/index.ts
index 39a1e8192..5462c9e1a 100644
--- a/ui/packages/shared/src/index.ts
+++ b/ui/packages/shared/src/index.ts
@@ -11,3 +11,4 @@ export * from "./states/plugin-installation-tabs";
 export * from "./states/entity";
 export * from "./states/theme-list-tabs";
 export * from "./states/operation";
+export * from "./states/user-tab";
diff --git a/ui/packages/shared/src/states/user-tab.ts b/ui/packages/shared/src/states/user-tab.ts
new file mode 100644
index 000000000..e4e6e369f
--- /dev/null
+++ b/ui/packages/shared/src/states/user-tab.ts
@@ -0,0 +1,17 @@
+import type { Component, Raw } from "vue";
+
+export interface UserTab {
+  id: string;
+  label: string;
+  component: Raw<Component>;
+  permissions?: string[];
+  priority: number;
+}
+
+export interface UserProfileTab {
+  id: string;
+  label: string;
+  component: Raw<Component>;
+  permissions?: string[];
+  priority: number;
+}
diff --git a/ui/packages/shared/src/types/plugin.ts b/ui/packages/shared/src/types/plugin.ts
index 6ff54d852..ca7f3929f 100644
--- a/ui/packages/shared/src/types/plugin.ts
+++ b/ui/packages/shared/src/types/plugin.ts
@@ -1,5 +1,5 @@
 import type { Component, Ref } from "vue";
-import type { RouteRecordRaw, RouteRecordName } from "vue-router";
+import type { RouteRecordName, RouteRecordRaw } from "vue-router";
 import type { FunctionalPage } from "../states/pages";
 import type { AttachmentSelectProvider } from "../states/attachment-selector";
 import type { EditorProvider, PluginTab } from "..";
@@ -17,6 +17,7 @@ import type {
   Plugin,
   Theme,
 } from "@halo-dev/api-client";
+import type { UserProfileTab, UserTab } from "@/states/user-tab";
 
 export interface RouteRecordAppend {
   parentName: RouteRecordName;
@@ -76,6 +77,12 @@ export interface ExtensionPoint {
   "theme:list-item:operation:create"?: (
     theme: Ref<Theme>
   ) => OperationItem<Theme>[] | Promise<OperationItem<Theme>[]>;
+
+  "user:detail:tabs:create"?: () => UserTab[] | Promise<UserTab[]>;
+
+  "uc:user:profile:tabs:create"?: () =>
+    | UserProfileTab[]
+    | Promise<UserProfileTab[]>;
 }
 
 export interface PluginModule {
diff --git a/ui/uc-src/modules/profile/Profile.vue b/ui/uc-src/modules/profile/Profile.vue
index fe5e76fe1..9a24d57b8 100644
--- a/ui/uc-src/modules/profile/Profile.vue
+++ b/ui/uc-src/modules/profile/Profile.vue
@@ -2,38 +2,35 @@
 import { apiClient } from "@/utils/api-client";
 import {
   VButton,
-  VTabbar,
   VDropdown,
   VDropdownItem,
+  VTabbar,
 } from "@halo-dev/components";
-import { computed, provide, ref, type Ref } from "vue";
+import {
+  computed,
+  markRaw,
+  onMounted,
+  provide,
+  type Ref,
+  ref,
+  toRaw,
+} from "vue";
 import type { DetailedUser } from "@halo-dev/api-client";
 import ProfileEditingModal from "./components/ProfileEditingModal.vue";
 import PasswordChangeModal from "./components/PasswordChangeModal.vue";
 import { useQuery } from "@tanstack/vue-query";
 import { useI18n } from "vue-i18n";
 import UserAvatar from "@/components/user-avatar/UserAvatar.vue";
-import type { Raw } from "vue";
-import type { Component } from "vue";
-import { markRaw } from "vue";
 import DetailTab from "./tabs/Detail.vue";
 import PersonalAccessTokensTab from "./tabs/PersonalAccessTokens.vue";
 import { useRouteQuery } from "@vueuse/router";
 import NotificationPreferences from "./tabs/NotificationPreferences.vue";
 import TwoFactor from "./tabs/TwoFactor.vue";
+import type { PluginModule, UserProfileTab } from "@halo-dev/console-shared";
+import { usePluginModuleStore } from "@/stores/plugin";
 
 const { t } = useI18n();
 
-interface UserTab {
-  id: string;
-  label: string;
-  component: Raw<Component>;
-  props?: Record<string, unknown>;
-  permissions?: string[];
-  priority: number;
-  hidden?: boolean;
-}
-
 const editingModal = ref(false);
 const passwordChangeModal = ref(false);
 
@@ -51,7 +48,7 @@ const {
 
 provide<Ref<DetailedUser | undefined>>("user", user);
 
-const tabs: UserTab[] = [
+const tabs = ref<UserProfileTab[]>([
   {
     id: "detail",
     label: t("core.uc_profile.tabs.detail"),
@@ -76,13 +73,36 @@ const tabs: UserTab[] = [
     component: markRaw(TwoFactor),
     priority: 40,
   },
-];
+]);
 
-const tabbarItems = computed(() => {
-  return tabs.map((tab) => ({ id: tab.id, label: tab.label }));
+// Collect uc:profile:tabs:create extension points
+onMounted(() => {
+  const { pluginModules } = usePluginModuleStore();
+
+  pluginModules.forEach((pluginModule: PluginModule) => {
+    const { extensionPoints } = pluginModule;
+    if (!extensionPoints?.["uc:user:profile:tabs:create"]) {
+      return;
+    }
+
+    const providers = extensionPoints[
+      "uc:user:profile:tabs:create"
+    ]() as UserProfileTab[];
+
+    tabs.value.push(...providers);
+  });
 });
 
-const activeTab = useRouteQuery<string>("tab", tabs[0].id, {
+const tabbarItems = computed(() => {
+  return toRaw(tabs)
+    .value.sort((a, b) => a.priority - b.priority)
+    .map((tab) => ({
+      id: tab.id,
+      label: tab.label,
+    }));
+});
+
+const activeTab = useRouteQuery<string>("tab", tabs.value[0].id, {
   mode: "push",
 });
 </script>
@@ -140,7 +160,8 @@ const activeTab = useRouteQuery<string>("tab", tabs[0].id, {
       <template v-for="tab in tabs" :key="tab.id">
         <component
           :is="tab.component"
-          v-if="activeTab === tab.id && !tab.hidden"
+          v-if="activeTab === tab.id"
+          :user="user"
         />
       </template>
     </div>
diff --git a/ui/uc-src/modules/profile/tabs/Detail.vue b/ui/uc-src/modules/profile/tabs/Detail.vue
index b948cd84d..8f4bd2191 100644
--- a/ui/uc-src/modules/profile/tabs/Detail.vue
+++ b/ui/uc-src/modules/profile/tabs/Detail.vue
@@ -8,8 +8,7 @@ import {
   VDescriptionItem,
   VTag,
 } from "@halo-dev/components";
-import type { Ref } from "vue";
-import { inject, computed } from "vue";
+import { computed, ref } from "vue";
 import type { DetailedUser, ListedAuthProvider } from "@halo-dev/api-client";
 import { rbacAnnotations } from "@/constants/annotations";
 import { formatDatetime } from "@/utils/date";
@@ -18,9 +17,8 @@ import { apiClient } from "@/utils/api-client";
 import axios from "axios";
 import { useI18n } from "vue-i18n";
 import EmailVerifyModal from "../components/EmailVerifyModal.vue";
-import { ref } from "vue";
 
-const user = inject<Ref<DetailedUser | undefined>>("user");
+withDefaults(defineProps<{ user?: DetailedUser }>(), { user: undefined });
 
 const { t } = useI18n();
 
diff --git a/ui/uc-src/modules/profile/tabs/NotificationPreferences.vue b/ui/uc-src/modules/profile/tabs/NotificationPreferences.vue
index 32b3d457c..6fd32bdc5 100644
--- a/ui/uc-src/modules/profile/tabs/NotificationPreferences.vue
+++ b/ui/uc-src/modules/profile/tabs/NotificationPreferences.vue
@@ -1,34 +1,36 @@
 <script lang="ts" setup>
 import { apiClient } from "@/utils/api-client";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/vue-query";
-import type { DetailedUser } from "@halo-dev/api-client";
+import type {
+  DetailedUser,
+  ReasonTypeNotifierRequest,
+} from "@halo-dev/api-client";
 import { VLoading, VSwitch } from "@halo-dev/components";
-import type { Ref } from "vue";
 import { computed } from "vue";
-import { inject } from "vue";
 import { cloneDeep } from "lodash-es";
-import type { ReasonTypeNotifierRequest } from "@halo-dev/api-client";
 import HasPermission from "@/components/permission/HasPermission.vue";
 
-const queryClient = useQueryClient();
+const props = withDefaults(defineProps<{ user?: DetailedUser }>(), {
+  user: undefined,
+});
 
-const user = inject<Ref<DetailedUser | undefined>>("user");
+const queryClient = useQueryClient();
 
 const { data, isLoading } = useQuery({
   queryKey: ["notification-preferences"],
   queryFn: async () => {
-    if (!user?.value) {
-      return;
+    if (!props.user) {
+      return null;
     }
 
     const { data } =
       await apiClient.notification.listUserNotificationPreferences({
-        username: user?.value?.user.metadata.name,
+        username: props.user?.user.metadata.name,
       });
 
     return data;
   },
-  enabled: computed(() => !!user?.value),
+  enabled: computed(() => !!props.user),
 });
 
 const {
@@ -48,7 +50,7 @@ const {
   }) => {
     const preferences = cloneDeep(data.value);
 
-    if (!user?.value || !preferences) {
+    if (!props.user || !preferences) {
       return;
     }
 
@@ -78,7 +80,7 @@ const {
       .filter(Boolean) as Array<ReasonTypeNotifierRequest>;
 
     return await apiClient.notification.saveUserNotificationPreferences({
-      username: user?.value?.user.metadata.name,
+      username: props.user.user.metadata.name,
       reasonTypeNotifierCollectionRequest: {
         reasonTypeNotifiers,
       },