diff --git a/.claude/settings.local.json b/.claude/settings.local.json
new file mode 100644
index 000000000..32488803d
--- /dev/null
+++ b/.claude/settings.local.json
@@ -0,0 +1,10 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npm run build:*)",
+      "mcp__ide__getDiagnostics"
+    ],
+    "deny": [],
+    "ask": []
+  }
+}
\ No newline at end of file
diff --git a/frontend/src/components/shared/ProfileRepoList.vue b/frontend/src/components/shared/ProfileRepoList.vue
index da34e462a..96d21bdd4 100644
--- a/frontend/src/components/shared/ProfileRepoList.vue
+++ b/frontend/src/components/shared/ProfileRepoList.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="sm:w-[100%] sm:mt-[36px]">
+  <div class="sm:w-[100%] sm:mt-9">
     <!-- title -->
     <div class="mb-6">
       <h1 class="text-lg font-medium text-gray-900 mb-5">
@@ -8,55 +8,95 @@
       <div class="h-[1px] bg-gray-200"></div>
     </div>
 
+    <!-- Quick Navigation Tabs -->
+    <el-tabs
+      v-model="activeTab"
+      class="border-b border-gray-200 my-8 tabCont"
+    >
+      <el-tab-pane
+        name=""
+        :label="`&nbsp;${$t('profile.tabs.all')}&nbsp;`"
+      ></el-tab-pane>
+      <el-tab-pane
+        name="collections"
+        :label="`&nbsp;${$t('profile.tabs.collections')}&nbsp;`"
+      ></el-tab-pane>
+      <el-tab-pane
+        name="models"
+        :label="`&nbsp;${$t('profile.tabs.models')}&nbsp;`"
+      ></el-tab-pane>
+      <el-tab-pane
+        name="datasets"
+        :label="`&nbsp;${$t('profile.tabs.datasets')}&nbsp;`"
+      ></el-tab-pane>
+      <el-tab-pane
+        name="codes"
+        :label="`&nbsp;${$t('profile.tabs.codes')}&nbsp;`"
+      ></el-tab-pane>
+      <el-tab-pane
+        v-if="initiator === 'profile'"
+        name="prompts"
+        :label="`&nbsp;${$t('profile.tabs.prompts')}&nbsp;`"
+      ></el-tab-pane>
+      <el-tab-pane
+        name="spaces"
+        :label="`&nbsp;${$t('profile.tabs.spaces')}&nbsp;`"
+      ></el-tab-pane>
+      <el-tab-pane
+        name="mcps"
+        :label="`&nbsp;${$t('profile.tabs.mcps')}&nbsp;`"
+      ></el-tab-pane>
+    </el-tabs>
+
     <!-- collections -->
-    <div>
-      <h3 class="text-xl text-gray-700 flex items-center gap-[8px]">
+    <div v-if="activeTab === '' || activeTab === 'collections'">
+      <h3 class="text-xl text-gray-700 flex items-center gap-2">
         <SvgIcon name="collections" width="18" height="18" />
         <span>{{ $t("collections.collection") }}</span>
       </h3>
-      <div v-if="hasCollections" class="mb-4 mt-[16px]">
+      <div v-if="hasCollections" class="mb-4 mt-4">
         <CollectionCards
-          v-if="collections.data.length > 0"
-          :collections="collections.data"
+          v-if="displayedCollections.length > 0"
+          :collections="displayedCollections"
         />
       </div>
-      <div v-else class="flex flex-wrap gap-4 mb-4 mt-[16px]">
+      <div v-else class="flex flex-wrap gap-4 mb-4 mt-4">
         {{ $t("all.noData") }}
       </div>
-      <view-more v-if="collections.more" target="collections" @view-more-targets="viewMoreTargets"></view-more>
+      <view-more v-if="collections.more && !expandedSections.collections" target="collections" @view-more-targets="viewMoreTargets"></view-more>
       <el-skeleton class="pr-6" v-if="collectionsLoading" :rows="2" animated />
     </div>
 
     <!-- models -->
-    <div>
-      <h3 class="text-xl text-gray-700 flex items-center gap-[8px]">
+    <div v-if="activeTab === '' || activeTab === 'models'">
+      <h3 class="text-xl text-gray-700 flex items-center gap-2">
         <SvgIcon name="models" width="18" height="18" />
         <span>{{ $t("organization.model") }}</span>
       </h3>
-      <div v-if="hasModels" class="grid grid-cols-2 xl:grid-cols-1 gap-4 mb-4 mt-[16px]">
-        <repo-item v-for="model in models.data" :repo="model" repo-type="model"></repo-item>
+      <div v-if="hasModels" class="grid grid-cols-2 xl:grid-cols-1 gap-4 mb-4 mt-4">
+        <repo-item v-for="model in displayedModels" :repo="model" repo-type="model"></repo-item>
       </div>
-      <div v-else class="flex flex-wrap gap-4 mb-4 mt-[16px]">
+      <div v-else class="flex flex-wrap gap-4 mb-4 mt-4">
         {{ $t("all.noData") }}
       </div>
-      <view-more v-if="models.more" target="models" @view-more-targets="viewMoreTargets"></view-more>
+      <view-more v-if="models.more && !expandedSections.models" target="models" @view-more-targets="viewMoreTargets"></view-more>
       <el-skeleton class="pr-6" v-if="modelsLoading" :rows="2" animated />
     </div>
 
     <!-- datasets -->
-    <div class="mt-[32px]">
-      <h3 class="text-xl text-gray-700 flex items-center gap-[8px]">
+    <div v-if="activeTab === '' || activeTab === 'datasets'" class="mt-8">
+      <h3 class="text-xl text-gray-700 flex items-center gap-2">
         <SvgIcon name="datasets" width="18" height="18" />
         <span>{{ $t("organization.dataset") }}</span>
       </h3>
-      <div v-if="hasDatasets" class="grid grid-cols-2 xl:grid-cols-1 gap-4 mb-4 mt-[16px]">
-        <repo-item v-for="dataset in datasets.data" :repo="dataset" repo-type="dataset"></repo-item>
+      <div v-if="hasDatasets" class="grid grid-cols-2 xl:grid-cols-1 gap-4 mb-4 mt-4">
+        <repo-item v-for="dataset in displayedDatasets" :repo="dataset" repo-type="dataset"></repo-item>
       </div>
-      <div v-else class="flex flex-wrap gap-4 mb-4 mt-[16px]">
+      <div v-else class="flex flex-wrap gap-4 mb-4 mt-4">
         {{ $t("all.noData") }}
       </div>
       <view-more
-        v-if="datasets.more"
+        v-if="datasets.more && !expandedSections.datasets"
         target="datasets"
         @view-more-targets="viewMoreTargets"
       ></view-more>
@@ -64,57 +104,73 @@
     </div>
 
     <!-- code repo -->
-    <div class="mt-[32px]">
-      <h3 class="text-xl text-gray-700 flex items-center gap-[8px]">
+    <div v-if="activeTab === '' || activeTab === 'codes'" class="mt-8">
+      <h3 class="text-xl text-gray-700 flex items-center gap-2">
         <SvgIcon name="codes" width="18" height="18" />
         <span>{{ $t("organization.code") }}</span>
       </h3>
-      <div v-if="hasCodes" class="grid grid-cols-2 xl:grid-cols-1 gap-4 mb-4 mt-[16px]">
-        <repo-item v-for="code in codes.data" :repo="code" repo-type="code"></repo-item>
+      <div v-if="hasCodes" class="grid grid-cols-2 xl:grid-cols-1 gap-4 mb-4 mt-4">
+        <repo-item v-for="code in displayedCodes" :repo="code" repo-type="code"></repo-item>
       </div>
-      <div v-else class="flex flex-wrap gap-4 mb-4 mt-[16px]">
+      <div v-else class="flex flex-wrap gap-4 mb-4 mt-4">
         {{ $t("all.noData") }}
       </div>
-      <view-more v-if="codes.more" target="codes" @view-more-targets="viewMoreTargets"></view-more>
+      <view-more v-if="codes.more && !expandedSections.codes" target="codes" @view-more-targets="viewMoreTargets"></view-more>
       <el-skeleton class="pr-6" v-if="codeLoading" :rows="2" animated />
     </div>
 
+    <!-- prompts repo -->
+    <div v-if="(activeTab === '' || activeTab === 'prompts') && initiator === 'profile'" class="mt-8">
+      <h3 class="text-[20px] text-[#344054] flex items-center gap-2">
+        <SvgIcon name="codes" width="18" height="18" />
+        <span>{{ $t("organization.prompt") }}</span>
+      </h3>
+      <div v-if="hasPrompts" class="grid grid-cols-2 xl:grid-cols-1 gap-4 mb-4 mt-4">
+        <repo-item v-for="prompt in displayedPrompts" :repo="prompt" repo-type="prompt"></repo-item>
+      </div>
+      <div v-else class="flex flex-wrap gap-4 mb-4 mt-4">
+        {{ $t("all.noData") }}
+      </div>
+      <view-more v-if="prompts.more && !expandedSections.prompts" target="prompts" @view-more-targets="viewMoreTargets"></view-more>
+      <el-skeleton class="pr-6" v-if="promptsLoading" :rows="2" animated />
+    </div>       
+
     <!-- spaces -->
-    <div class="mt-[32px]">
-      <h3 class="text-xl text-gray-700 flex items-center gap-[8px]">
+    <div v-if="activeTab === '' || activeTab === 'spaces'" class="mt-8">
+      <h3 class="text-xl text-gray-700 flex items-center gap-2">
         <SvgIcon name="spaces" width="18" height="18" />
         <span>{{ $t("organization.space") }}</span>
       </h3>
-      <div v-if="hasSpaces" class="grid grid-cols-2 xl:grid-cols-1 gap-4 mb-4 mt-[16px]">
-        <application-space-item v-for="repo in spaces.data" :repo="repo" repo-type="space" />
+      <div v-if="hasSpaces" class="grid grid-cols-2 xl:grid-cols-1 gap-4 mb-4 mt-4">
+        <application-space-item v-for="repo in displayedSpaces" :repo="repo" repo-type="space" />
       </div>
-      <div v-else class="flex flex-wrap gap-4 mb-4 mt-[16px]">
+      <div v-else class="flex flex-wrap gap-4 mb-4 mt-4">
         {{ $t("all.noData") }}
       </div>
-      <view-more v-if="spaces.more" target="spaces" @view-more-targets="viewMoreTargets"></view-more>
+      <view-more v-if="spaces.more && !expandedSections.spaces" target="spaces" @view-more-targets="viewMoreTargets"></view-more>
       <el-skeleton class="pr-6" v-if="spacesLoading" :rows="2" animated />
     </div>
 
     <!-- mcp repo -->
-    <div class="mt-[32px]">
-      <h3 class="text-xl text-gray-700 flex items-center gap-[8px]">
+    <div v-if="activeTab === '' || activeTab === 'mcps'" class="mt-8">
+      <h3 class="text-xl text-gray-700 flex items-center gap-2">
         <SvgIcon name="space_mcp" width="18" height="18" />
         <span>{{ $t("mcps.title") }}</span>
       </h3>
-      <div v-if="hasMcps" class="grid grid-cols-2 xl:grid-cols-1 gap-4 mb-4 mt-[16px]">
-        <mcp-item v-for="mcp in mcps.data" :mcp="mcp" />
+      <div v-if="hasMcps" class="grid grid-cols-2 xl:grid-cols-1 gap-4 mb-4 mt-4">
+        <mcp-item v-for="mcp in displayedMcps" :mcp="mcp" />
       </div>
-      <div v-else class="flex flex-wrap gap-4 mb-4 mt-[16px]">
+      <div v-else class="flex flex-wrap gap-4 mb-4 mt-4">
         {{ $t("all.noData") }}
       </div>
-      <view-more v-if="mcps.more" target="mcps" @view-more-targets="viewMoreTargets"></view-more>
+      <view-more v-if="mcps.more && !expandedSections.mcps" target="mcps" @view-more-targets="viewMoreTargets"></view-more>
       <el-skeleton class="pr-6" v-if="mcpsLoading" :rows="2" animated />
     </div>
   </div>
 </template>
 
 <script setup>
-  import { computed, ref, onMounted, watch, onUnmounted } from "vue"
+  import { computed, ref, onMounted, onUnmounted } from "vue"
   import { useRoute } from 'vue-router'
   import RepoItem from "./RepoItem.vue"
   import CollectionCards from "../collections/CollectionCards.vue"
@@ -130,16 +186,19 @@
   })
 
   const route = useRoute()
+  const activeTab = ref('')
   const collections = ref({})
   const models = ref({})
   const datasets = ref({})
   const codes = ref({})
+  const prompts = ref({})
   const spaces = ref({})
   const mcps = ref({})
   const collectionsLoading = ref(false)
   const modelsLoading = ref(false)
   const datasetsLoading = ref(false)
   const codeLoading = ref(false)
+  const promptsLoading = ref(false)
   const spacesLoading = ref(false)
   const mcpsLoading = ref(false)
 
@@ -147,19 +206,112 @@
   const modelsPage = ref(1)
   const datasetsPage = ref(1)
   const codesPage = ref(1)
+  const promptsPage = ref(1)
   const spacesPage = ref(1)
   const mcpsPage = ref(1)
 
   const PER_PAGE = 50
   const INITIAL_PER_PAGE = 6
 
+  // 跟踪每个类型是否已经展开显示更多内容
+  const expandedSections = ref({
+    collections: false,
+    models: false,
+    datasets: false,
+    codes: false,
+    prompts: false,
+    spaces: false,
+    mcps: false
+  })
+
   const hasCollections = computed(() => collections.value?.data?.length > 0)
   const hasModels = computed(() => models.value?.data?.length > 0)
   const hasDatasets = computed(() => datasets.value?.data?.length > 0)
   const hasCodes = computed(() => codes.value?.data?.length > 0)
+  const hasPrompts = computed(() => prompts.value?.data?.length > 0)
   const hasSpaces = computed(() => spaces.value?.data?.length > 0)
   const hasMcps = computed(() => mcps.value?.data?.length > 0)
 
+  // 根据activeTab和是否有更多数据来决定显示数量
+  const displayedCollections = computed(() => {
+    const data = collections.value?.data || []
+    // 在"全部"tab下，如果已经展开则显示所有数据，否则只显示前6个
+    if (activeTab.value === '') {
+      return expandedSections.value.collections ? data : data.slice(0, INITIAL_PER_PAGE)
+    }
+    // 在特定tab下，如果已经展开则显示所有数据，否则只显示前6个
+    if (activeTab.value === 'collections' && expandedSections.value.collections) {
+      return data
+    }
+    return data.slice(0, INITIAL_PER_PAGE)
+  })
+
+  const displayedModels = computed(() => {
+    const data = models.value?.data || []
+    if (activeTab.value === '') {
+      return expandedSections.value.models ? data : data.slice(0, INITIAL_PER_PAGE)
+    }
+    if (activeTab.value === 'models' && expandedSections.value.models) {
+      return data
+    }
+    return data.slice(0, INITIAL_PER_PAGE)
+  })
+
+  const displayedDatasets = computed(() => {
+    const data = datasets.value?.data || []
+    if (activeTab.value === '') {
+      return expandedSections.value.datasets ? data : data.slice(0, INITIAL_PER_PAGE)
+    }
+    if (activeTab.value === 'datasets' && expandedSections.value.datasets) {
+      return data
+    }
+    return data.slice(0, INITIAL_PER_PAGE)
+  })
+
+  const displayedCodes = computed(() => {
+    const data = codes.value?.data || []
+    if (activeTab.value === '') {
+      return expandedSections.value.codes ? data : data.slice(0, INITIAL_PER_PAGE)
+    }
+    if (activeTab.value === 'codes' && expandedSections.value.codes) {
+      return data
+    }
+    return data.slice(0, INITIAL_PER_PAGE)
+  })
+
+  const displayedPrompts = computed(() => {
+    const data = prompts.value?.data || []
+    if (activeTab.value === '') {
+      return expandedSections.value.prompts ? data : data.slice(0, INITIAL_PER_PAGE)
+    }
+    if (activeTab.value === 'prompts' && expandedSections.value.prompts) {
+      return data
+    }
+    return data.slice(0, INITIAL_PER_PAGE)
+  })
+
+  const displayedSpaces = computed(() => {
+    const data = spaces.value?.data || []
+    if (activeTab.value === '') {
+      return expandedSections.value.spaces ? data : data.slice(0, INITIAL_PER_PAGE)
+    }
+    if (activeTab.value === 'spaces' && expandedSections.value.spaces) {
+      return data
+    }
+    return data.slice(0, INITIAL_PER_PAGE)
+  })
+
+  const displayedMcps = computed(() => {
+    const data = mcps.value?.data || []
+    if (activeTab.value === '') {
+      return expandedSections.value.mcps ? data : data.slice(0, INITIAL_PER_PAGE)
+    }
+    if (activeTab.value === 'mcps' && expandedSections.value.mcps) {
+      return data
+    }
+    return data.slice(0, INITIAL_PER_PAGE)
+  })
+
   const prefixPath =
     document.location.pathname.split("/")[1] === "organizations" ? "organization" : "user"
 
@@ -203,6 +355,9 @@
   }
 
   const viewMoreTargets = async (target) => {
+    // 标记该类型已展开
+    expandedSections.value[target] = true
+
     switch (target) {
       case "collections":
         collectionsLoading.value = true
@@ -229,6 +384,11 @@
         await fetchMoreCodes()
         codeLoading.value = false
         break
+      case "prompts":
+        promptsLoading.value = true
+        await fetchMorePrompts()
+        promptsLoading.value = false
+        break
       case "mcps":
         mcpsLoading.value = true
         await fetchMoreMcp()
@@ -307,6 +467,7 @@
     if (targetRef === models) return modelsPage
     if (targetRef === datasets) return datasetsPage
     if (targetRef === codes) return codesPage
+    if (targetRef === prompts) return promptsPage
     if (targetRef === spaces) return spacesPage
     if (targetRef === mcps) return mcpsPage
   }
@@ -322,19 +483,21 @@
   const fetchMoreDatasets = () => fetchMore(datasets, "datasets")
   const fetchMoreSpaces = () => fetchMore(spaces, "spaces")
   const fetchMoreCodes = () => fetchMore(codes, "codes")
+  const fetchMorePrompts = () => fetchMore(prompts, "prompts")
   const fetchMoreMcp = () => fetchMore(mcps, "mcps")
 
+
   // 添加处理浏览器前进后退的函数
   const handlePopState = () => {
     if (isLoading.value) {
       return
     }
-    
+
     const now = Date.now()
     if (now - lastFetchTime.value < FETCH_DEBOUNCE_TIME) {
       return
     }
-    
+
     getProfileRepoData()
   }
 
@@ -348,3 +511,33 @@
     window.removeEventListener('popstate', handlePopState)
   })
 </script>
+
+<style scoped>
+:deep(.tabCont) {
+  .el-tabs__header {
+    margin: 0;
+  }
+  .el-tabs__nav-wrap::after {
+    height: 1px;
+    background-color: #e5e7eb;
+  }
+  .el-tabs__item {
+    font-size: 14px !important;
+    color: #667085 !important;
+    padding-bottom: 12px;
+    height: auto;
+    line-height: normal;
+    &:hover {
+      color: #223B99 !important;
+    }
+    &.is-active {
+      color: #223B99 !important;
+      font-weight: 500;
+    }
+  }
+  .el-tabs__active-bar {
+    background-color: #223B99 !important;
+    height: 2px !important;
+  }
+}
+</style>
diff --git a/frontend/src/locales/en_js/profile.js b/frontend/src/locales/en_js/profile.js
index 171d536e4..6059da6fb 100644
--- a/frontend/src/locales/en_js/profile.js
+++ b/frontend/src/locales/en_js/profile.js
@@ -5,6 +5,16 @@ export const profile = {
   organization: "Organization",
   title: "Profile",
   likes: "My Favorites",
+  tabs: {
+    all: "All",
+    collections: "Collections",
+    models: "Models",
+    datasets: "Datasets",
+    codes: "Codes",
+    prompts: "Prompts",
+    spaces: "Application Spaces",
+    mcps: "MCPs"
+  },
   menu: {
     accountInformation: "Account Information",
     accessToken: "Access Token",
diff --git a/frontend/src/locales/zh_hant_js/profile.js b/frontend/src/locales/zh_hant_js/profile.js
index d10847f20..75d561497 100644
--- a/frontend/src/locales/zh_hant_js/profile.js
+++ b/frontend/src/locales/zh_hant_js/profile.js
@@ -8,6 +8,16 @@ export const profile = {
     organization: "組織機構",
     title: "個人主頁",
     likes: "我的收藏",
+    tabs: {
+      all: "全部",
+      collections: "合集",
+      models: "模型",
+      datasets: "數據集",
+      codes: "代碼",
+      prompts: "提示詞",
+      spaces: "應用空間",
+      mcps: "MCP"
+    },
     menu: {
       accountInformation: "帳戶資訊",
       accessToken: "Access Token",
diff --git a/frontend/src/locales/zh_js/profile.js b/frontend/src/locales/zh_js/profile.js
index 15ba24980..73812c118 100644
--- a/frontend/src/locales/zh_js/profile.js
+++ b/frontend/src/locales/zh_js/profile.js
@@ -5,6 +5,16 @@ export const profile = {
   organization: "组织机构",
   title: "个人主页",
   likes: "我的收藏",
+  tabs: {
+    all: "全部",
+    collections: "合集",
+    models: "模型",
+    datasets: "数据集",
+    codes: "代码",
+    prompts: "提示词",
+    spaces: "应用空间",
+    mcps: "MCP"
+  },
   menu: {
     accountInformation: "账户信息",
     accessToken: "Access Token",
diff --git a/frontend/src/main.js b/frontend/src/main.js
index a0eb0bf6d..5e321be9a 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -290,14 +290,21 @@ const routes = [
       repoName: route.params.name
     })
   },
-  { 
-    path: '/mcp/servers/:namespace/:name', 
+  {
+    path: '/mcp/servers/:namespace/:name',
     component: RepoDetail,
-    props: (route) => ({ 
+    props: (route) => ({
       repoType: 'mcp',
       namespace: route.params.namespace,
       repoName: route.params.name
     })
+  },
+  {
+    path: '/profile/:username',
+    component: Profile,
+    props: (route) => ({
+      username: route.params.username
+    })
   }
 
 ]