diff --git a/apps/web-app/src/context/SkillContext.tsx b/apps/web-app/src/context/SkillContext.tsx
index bbde1fe3..2ef1368c 100644
--- a/apps/web-app/src/context/SkillContext.tsx
+++ b/apps/web-app/src/context/SkillContext.tsx
@@ -20,7 +20,8 @@ export function SkillProvider({ children }: { children: React.ReactNode }) {
         if (!silent) setLoading(true);
         try {
             // Fetch skills index
-            const res = await fetch('/skills.json');
+            const base = import.meta.env.BASE_URL;
+            const res = await fetch(`${base}skills.json`);
             const data = await res.json();
 
             // Incremental loading: set first 50 skills immediately if not a silent refresh
diff --git a/apps/web-app/src/pages/SkillDetail.tsx b/apps/web-app/src/pages/SkillDetail.tsx
index 36a414bb..7e7e65ee 100644
--- a/apps/web-app/src/pages/SkillDetail.tsx
+++ b/apps/web-app/src/pages/SkillDetail.tsx
@@ -75,7 +75,8 @@ export function SkillDetail(): React.ReactElement {
           ? skill.path.replace('skills/', '')
           : skill.path;
 
-        const mdRes = await fetch(`/skills/${cleanPath}/SKILL.md`);
+        const base = import.meta.env.BASE_URL;
+        const mdRes = await fetch(`${base}skills/${cleanPath}/SKILL.md`);
         if (!mdRes.ok) throw new Error('Skill file not found');
 
         const text = await mdRes.text();