diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 4b0e8c5..5a908a5 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -79,6 +79,7 @@ function onGlobalKeydown(e: KeyboardEvent) {
       case "n": router.push("/notes"); break;
       case "t": router.push("/"); break;
       case "p": router.push("/projects"); break;
+      case "r": router.push("/rules"); break;
       case "g": router.push("/graph"); break;
       case "l": router.push("/calendar"); break;
     }
diff --git a/frontend/src/components/AppHeader.vue b/frontend/src/components/AppHeader.vue
index 553b0db..95dc35b 100644
--- a/frontend/src/components/AppHeader.vue
+++ b/frontend/src/components/AppHeader.vue
@@ -48,6 +48,7 @@ router.afterEach(() => {
           <router-link to="/knowledge" class="nav-link" :class="{ 'router-link-active': isKnowledgeActive }">Knowledge</router-link>
           <router-link to="/calendar" class="nav-link">Calendar</router-link>
           <router-link to="/projects" class="nav-link">Projects</router-link>
+          <router-link to="/rules" class="nav-link">Rulebooks</router-link>
         </div>
       </div>
 
@@ -87,6 +88,7 @@ router.afterEach(() => {
       <router-link to="/knowledge" class="nav-link" :class="{ 'router-link-active': isKnowledgeActive }">Knowledge</router-link>
       <router-link to="/calendar" class="nav-link">Calendar</router-link>
       <router-link to="/projects" class="nav-link">Projects</router-link>
+      <router-link to="/rules" class="nav-link">Rulebooks</router-link>
       <router-link to="/shared" class="nav-link">Shared</router-link>
       <div class="mobile-divider"></div>
       <router-link to="/settings" class="nav-link">Settings</router-link>
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index 7f7918a..a4eb030 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -79,6 +79,11 @@ const router = createRouter({
       name: "project-view",
       component: () => import("@/views/ProjectView.vue"),
     },
+    {
+      path: "/rules",
+      name: "rules",
+      component: () => import("@/views/RulesView.vue"),
+    },
     {
       path: "/tasks",
       redirect: "/",