feat(marketplace): add stripe plugin to marketplace (#102)

Add Stripe development plugin entry pointing to the official stripe/ai
repository's Claude provider plugin at providers/claude/plugin.

Author: amondnet

.claude-plugin/marketplace.json

@@ -405,6 +405,20 @@
       "tags": ["mcp", "payment"],
       "source": "./plugins/tosspayments"
     },
+    {
+      "name": "stripe",
+      "description": "Stripe development plugin for Claude",
+      "category": "development",
+      "keywords": ["stripe", "payments", "webhooks", "api", "security"],
+      "tags": ["mcp", "payments"],
+      "source": {
+        "source": "git-subdir",
+        "url": "stripe/ai",
+        "path": "providers/claude/plugin",
+        "ref": "main"
+      },
+      "homepage": "https://github.com/stripe/ai/tree/main/providers/claude/plugin"
+    },
     {
       "name": "vercel",
       "description": "Vercel deployment platform integration. Manage deployments, check build status, access logs, configure domains, and control your frontend infrastructure directly from Claude Code.",

apps/web/app/components/PluginCard.vue

@@ -1,11 +1,21 @@
 <script setup lang="ts">
 import { useTimeoutFn } from '@vueuse/core'
 
-interface PluginSource {
+interface PluginSourceGitHub {
   source: 'github'
   repo: string
 }
 
+interface PluginSourceGitSubdir {
+  source: 'git-subdir'
+  url: string
+  path: string
+  ref?: string
+  sha?: string
+}
+
+type PluginSource = PluginSourceGitHub | PluginSourceGitSubdir
+
 interface Plugin {
   name: string
   description: string
@@ -50,6 +60,11 @@ async function fetchPluginMetadata() {
     return
   }
 
+  // Only GitHub source plugins support metadata fetch
+  if (props.plugin.source.source !== 'github') {
+    return
+  }
+
   // GitHub plugin - fetch from GitHub
   loading.value = true
   try {
@@ -92,7 +107,7 @@ async function fetchPluginMetadata() {
     // Network-level errors (connection failed, CORS, etc.)
     console.error('Network error fetching plugin metadata:', {
       plugin: props.plugin.name,
-      repo: props.plugin.source.repo,
+      repo: props.plugin.source.source === 'github' ? props.plugin.source.repo : props.plugin.source.url,
       error: err instanceof Error ? err.message : String(err),
     })
   }
@@ -169,6 +184,17 @@ const githubSourceUrl = computed(() => {
 
     return url
   }
+  // git-subdir plugin
+  if (props.plugin.source.source === 'git-subdir') {
+    const url = props.plugin.source.url
+    const path = props.plugin.source.path
+    const ref = props.plugin.source.ref || 'main'
+    // Handle both full URLs and owner/repo shorthand
+    if (url.startsWith('http')) {
+      return `${url.replace(/\.git$/, '')}/tree/${ref}/${path}`
+    }
+    return `https://github.com/${url}/tree/${ref}/${path}`
+  }
   // GitHub plugin
   return `https://github.com/${props.plugin.source.repo}`
 })
@@ -306,7 +332,7 @@ watch(() => props.autoOpenModal, (shouldOpen) => {
             </div>
             <div class="flex items-center gap-2 text-xs text-muted">
               <UIcon name="i-heroicons-code-bracket" class="shrink-0" />
-              <span class="truncate">{{ typeof plugin.source === 'string' ? plugin.source : plugin.source.repo }}</span>
+              <span class="truncate">{{ typeof plugin.source === 'string' ? plugin.source : plugin.source.source === 'github' ? plugin.source.repo : plugin.source.url }}</span>
             </div>
           </div>
           <div class="shrink-0">

apps/web/app/pages/index.vue

@@ -75,7 +75,7 @@ function pluginMatchesSearch(plugin: Plugin, query: string): boolean {
   const searchFields = [
     plugin.name,
     plugin.description,
-    typeof plugin.source === 'string' ? plugin.source : plugin.source.repo,
+    typeof plugin.source === 'string' ? plugin.source : 'repo' in plugin.source ? plugin.source.repo : plugin.source.url,
   ]
 
   return searchFields.some(field =>

apps/web/app/types/marketplace.ts

@@ -11,11 +11,21 @@ export interface MarketplaceSource {
   priority: number
 }
 
-export interface PluginSource {
+export interface PluginSourceGitHub {
   source: 'github'
   repo: string
 }
 
+export interface PluginSourceGitSubdir {
+  source: 'git-subdir'
+  url: string
+  path: string
+  ref?: string
+  sha?: string
+}
+
+export type PluginSource = PluginSourceGitHub | PluginSourceGitSubdir
+
 export interface Plugin {
   name: string
   description?: string

apps/web/content.config.ts

@@ -38,6 +38,13 @@ export default defineContentConfig({
                 source: z.literal('github'),
                 repo: z.string(),
               }),
+              z.object({
+                source: z.literal('git-subdir'),
+                url: z.string(),
+                path: z.string(),
+                ref: z.string().optional(),
+                sha: z.string().optional(),
+              }),
               z.string(),
             ]),
           }),

apps/web/server/utils/github.ts

@@ -78,15 +78,23 @@ export async function fetchGitHubStars(owner: string, repo: string): Promise<num
  * @param source - Plugin source (GitHub URL or repo string)
  * @returns Star count, or null if fetch fails
  */
-export async function fetchPluginStars(source: string | { source: string, repo: string }): Promise<number | null> {
-  // Handle object format with repo property
+export async function fetchPluginStars(source: string | { source: string, repo?: string, url?: string }): Promise<number | null> {
+  // Handle object format with repo property (github source)
   if (typeof source === 'object' && source.repo) {
     const parsed = parseGitHubRepo(source.repo)
     if (!parsed)
       return null
     return fetchGitHubStars(parsed.owner, parsed.repo)
   }
 
+  // Handle object format with url property (git-subdir source)
+  if (typeof source === 'object' && source.url) {
+    const parsed = parseGitHubRepo(source.url)
+    if (!parsed)
+      return null
+    return fetchGitHubStars(parsed.owner, parsed.repo)
+  }
+
   // Handle string format
   if (typeof source === 'string') {
     const parsed = parseGitHubRepo(source)

apps/web/server/utils/marketplace-schema.ts

@@ -10,6 +10,13 @@ export const pluginSourceSchema = z.union([
     source: z.literal('github'),
     repo: z.string(),
   }),
+  z.object({
+    source: z.literal('git-subdir'),
+    url: z.string(),
+    path: z.string(),
+    ref: z.string().optional(),
+    sha: z.string().optional(),
+  }),
   z.string(),
 ])