diff --git a/src/web/components/rse.ts b/src/web/components/rse.ts
index c487102..4aa5f59 100644
--- a/src/web/components/rse.ts
+++ b/src/web/components/rse.ts
@@ -164,9 +164,11 @@ export function renderRsePage(
   handle: string,
   userCards: UserCard[] = [],
   adminData: CardAdminData | null = null,
-  rseAdminData: RseAdminData | null = null
+  rseAdminData: RseAdminData | null = null,
+  cardCollection: string = 'ai.syui.card.user'
 ): string {
   const jsonUrl = `/@${handle}/at/collection/ai.syui.rse.user/self`
+  const cardJsonUrl = `/@${handle}/at/collection/${cardCollection}/self`
 
   if (!collection) {
     return `
@@ -217,6 +219,7 @@ export function renderRsePage(
       </div>
       <div class="card-actions">
         <a href="${jsonUrl}" class="json-btn">json</a>
+        ${userCards.length > 0 ? `<a href="${cardJsonUrl}" class="json-btn">card</a>` : ''}
       </div>
       ${charsHtml ? `
         <h3 class="rse-section-title">Characters</h3>
diff --git a/src/web/main.ts b/src/web/main.ts
index ed92e69..80e122d 100644
--- a/src/web/main.ts
+++ b/src/web/main.ts
@@ -273,7 +273,7 @@ async function render(route: Route): Promise<void> {
         getRseAdmin(adminDid)
       ])
       const userCards = cards?.card || []
-      html += `<div id="content">${renderRsePage(rseData, handle, userCards, adminData, rseAdminData)}</div>`
+      html += `<div id="content">${renderRsePage(rseData, handle, userCards, adminData, rseAdminData, cardCollection)}</div>`
       html += `<nav class="back-nav"><a href="/@${handle}">${handle}</a></nav>`
 
     } else if (route.type === 'link') {