diff --git a/packages/website/src/pages/tools/compare/_index.tsx b/packages/website/src/pages/tools/compare/_index.tsx
index fd0d6d62c..9ccea0d8e 100644
--- a/packages/website/src/pages/tools/compare/_index.tsx
+++ b/packages/website/src/pages/tools/compare/_index.tsx
@@ -1,7 +1,9 @@
 import {
+  createDefaultSkills,
   fetchEquipmentDefinitions,
   fetchModelDefinitions,
   fetchProvisionDefinitions,
+  fetchSkillDefinitions,
 } from '@blitzkit/core';
 import { PlusIcon } from '@radix-ui/react-icons';
 import { Box, Flex, Heading, IconButton, Text } from '@radix-ui/themes';
@@ -18,12 +20,13 @@ import { ComparePersistent } from '../../../stores/comparePersistent';
 const modelDefinitions = await fetchModelDefinitions();
 const equipmentDefinitions = await fetchEquipmentDefinitions();
 const provisionDefinitions = await fetchProvisionDefinitions();
+const skillDefinitions = await fetchSkillDefinitions();
 
 export function Page() {
   return (
     <App.Provider>
       <ComparePersistent.Provider>
-        <CompareEphemeral.Provider>
+        <CompareEphemeral.Provider data={createDefaultSkills(skillDefinitions)}>
           <Content />
         </CompareEphemeral.Provider>
       </ComparePersistent.Provider>
diff --git a/packages/website/src/stores/compareEphemeral.ts b/packages/website/src/stores/compareEphemeral.ts
index fcb934fe9..97d0c4f6e 100644
--- a/packages/website/src/stores/compareEphemeral.ts
+++ b/packages/website/src/stores/compareEphemeral.ts
@@ -15,9 +15,10 @@ export interface CompareEphemeral {
   };
 }
 
-export const CompareEphemeral = createContextualStore(() =>
-  create<CompareEphemeral>()(() => ({
-    crewSkills: {},
-    members: [],
-  })),
+export const CompareEphemeral = createContextualStore(
+  (crewSkills: Record<number, number>) =>
+    create<CompareEphemeral>()(() => ({
+      crewSkills,
+      members: [],
+    })),
 );