diff --git a/apps/app-frontend/src/components/instance/InstancePlayerModal.vue b/apps/app-frontend/src/components/instance/InstancePlayerModal.vue
index 7a64e97..5f93f20 100644
--- a/apps/app-frontend/src/components/instance/InstancePlayerModal.vue
+++ b/apps/app-frontend/src/components/instance/InstancePlayerModal.vue
@@ -1,11 +1,10 @@
 <script setup lang="ts">
 import { ButtonStyled, NewModal, useVIntl } from '@modrinth/ui'
 import { computed, onUnmounted, ref, watch } from 'vue'
-import { useRouter } from 'vue-router'
 
 import MinecraftLoginModal from '@/components/ui/MinecraftLoginModal.vue'
+import SkinSiteLoginModal from '@/components/ui/skin-site/SkinSiteLoginModal.vue'
 import {
-	openSkinSiteLogin,
 	requestSkinSitePlayers,
 	skinSitePlayers,
 	skinSiteStatus,
@@ -28,7 +27,7 @@ const { formatMessage } = useVIntl()
 
 const modal = ref<InstanceType<typeof NewModal>>()
 const microsoftLogin = ref<InstanceType<typeof MinecraftLoginModal>>()
-const router = useRouter()
+const skinSiteLoginModal = ref<InstanceType<typeof SkinSiteLoginModal>>()
 const accounts = ref<PlayerChoice[]>([])
 const active = ref(false)
 const loading = ref(false)
@@ -137,9 +136,8 @@ function signInSkinSite() {
 	rejectSelection?.(new PlayerSelectionNavigatedAwayError())
 	resolveSelection = undefined
 	rejectSelection = undefined
-	openSkinSiteLogin()
+	skinSiteLoginModal.value?.show()
 	modal.value?.hide()
-	void router.push('/starlight-skin')
 }
 
 const unregister = registerInstancePlayerPicker((id, saved) => {
@@ -246,5 +244,6 @@ onUnmounted(() => {
 			<p v-if="saving" class="m-0" role="status">{{ formatMessage(messages.saving) }}</p>
 		</div>
 	</NewModal>
+	<SkinSiteLoginModal ref="skinSiteLoginModal" @signed-in="refresh" />
 	<MinecraftLoginModal ref="microsoftLogin" @complete="refresh" />
 </template>
diff --git a/apps/app-frontend/src/components/ui/SkinSiteFrame.vue b/apps/app-frontend/src/components/ui/SkinSiteFrame.vue
deleted file mode 100644
index b1fe87b..0000000
--- a/apps/app-frontend/src/components/ui/SkinSiteFrame.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<script setup lang="ts">
-import { defineMessages, useVIntl } from '@modrinth/ui'
-
-import { skinSiteFrameUrl } from '@/composables/skin-site-session'
-
-const { formatMessage } = useVIntl()
-const messages = defineMessages({
-	frameTitle: {
-		id: 'app.starlight-skin.frame-title',
-		defaultMessage: 'StarLight Skin Site',
-	},
-})
-
-</script>
-
-<template>
-	<iframe
-		:src="skinSiteFrameUrl"
-		allow="clipboard-write; clipboard-read"
-		:title="formatMessage(messages.frameTitle)"
-		class="block h-full min-h-0 w-full border-0"
-	/>
-</template>
diff --git a/apps/app-frontend/src/composables/skin-site-session.ts b/apps/app-frontend/src/composables/skin-site-session.ts
index 2ebcfb3..56203cc 100644
--- a/apps/app-frontend/src/composables/skin-site-session.ts
+++ b/apps/app-frontend/src/composables/skin-site-session.ts
@@ -274,12 +274,6 @@ export async function requestSkinSiteLuck(): Promise<number> {
 // Legacy compatibility
 // ---------------------------------------------------------------------------
 
-/**
- * @deprecated The home view renders the skin site natively now. Kept only so
- * the transitional `SkinSiteFrame.vue` still compiles until it is replaced.
- */
-export const skinSiteFrameUrl = readonly(ref(`${SKIN_SITE_ORIGIN}/`))
-
 /**
  * Replace a player's skin texture.
  *
diff --git a/apps/app-frontend/src/pages/StarlightSkin.vue b/apps/app-frontend/src/pages/StarlightSkin.vue
deleted file mode 100644
index 5887fc7..0000000
--- a/apps/app-frontend/src/pages/StarlightSkin.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<script setup lang="ts">
-import SkinSiteFrame from '@/components/ui/SkinSiteFrame.vue'
-</script>
-
-<template>
-	<div class="h-full min-h-0">
-		<SkinSiteFrame />
-	</div>
-</template>
diff --git a/apps/app-frontend/src/routes.js b/apps/app-frontend/src/routes.js
index c217bce..a1f7b31 100644
--- a/apps/app-frontend/src/routes.js
+++ b/apps/app-frontend/src/routes.js
@@ -93,14 +93,6 @@ export default new createRouter({
 				discordActivity: 'Changing skins...',
 			},
 		},
-		{
-			path: '/starlight-skin',
-			name: 'Starlight skin',
-			component: () => import('@/pages/StarlightSkin.vue'),
-			meta: {
-				breadcrumb: [{ name: 'Starlight skin' }],
-			},
-		},
 		{
 			path: '/screenshots',
 			name: 'Screenshots',