From e05a2012588bbe54d61122d6971eb3236e38e367 Mon Sep 17 00:00:00 2001
From: sutazca <sutazca@gmail.com>
Date: Sat, 4 Jul 2026 05:36:54 +0200
Subject: [PATCH] fix(rules): add paths frontmatter to web rule pack (#2425)

Every other language pack (typescript, react, python, golang, vue, ...) scopes its rules with a paths: YAML frontmatter block, so Claude Code only loads them when matching files are in context. The 7 files in rules/web/ ship without frontmatter, and per the official rules-loading docs (https://code.claude.com/docs/en/memory) rules without a paths field load unconditionally into every session - ~15.5KB of always-on context even in projects with no frontend code.

Add the same frontmatter convention used by the react pack, scoped to web-facing file types (css/scss/sass/less/html/tsx/jsx/vue/svelte).
---
 rules/web/coding-style.md   | 12 ++++++++++++
 rules/web/design-quality.md | 12 ++++++++++++
 rules/web/hooks.md          | 12 ++++++++++++
 rules/web/patterns.md       | 12 ++++++++++++
 rules/web/performance.md    | 12 ++++++++++++
 rules/web/security.md       | 12 ++++++++++++
 rules/web/testing.md        | 12 ++++++++++++
 7 files changed, 84 insertions(+)

diff --git a/rules/web/coding-style.md b/rules/web/coding-style.md
index 5707164ea..1342749d8 100644
--- a/rules/web/coding-style.md
+++ b/rules/web/coding-style.md
@@ -1,3 +1,15 @@
+---
+paths:
+  - "**/*.css"
+  - "**/*.scss"
+  - "**/*.sass"
+  - "**/*.less"
+  - "**/*.html"
+  - "**/*.tsx"
+  - "**/*.jsx"
+  - "**/*.vue"
+  - "**/*.svelte"
+---
 > This file extends [common/coding-style.md](../common/coding-style.md) with web-specific frontend content.
 
 # Web Coding Style
diff --git a/rules/web/design-quality.md b/rules/web/design-quality.md
index 22c63c3f6..f5c57d2df 100644
--- a/rules/web/design-quality.md
+++ b/rules/web/design-quality.md
@@ -1,3 +1,15 @@
+---
+paths:
+  - "**/*.css"
+  - "**/*.scss"
+  - "**/*.sass"
+  - "**/*.less"
+  - "**/*.html"
+  - "**/*.tsx"
+  - "**/*.jsx"
+  - "**/*.vue"
+  - "**/*.svelte"
+---
 > This file extends [common/patterns.md](../common/patterns.md) with web-specific design-quality guidance.
 
 # Web Design Quality Standards
diff --git a/rules/web/hooks.md b/rules/web/hooks.md
index eaab93aee..97a6c570b 100644
--- a/rules/web/hooks.md
+++ b/rules/web/hooks.md
@@ -1,3 +1,15 @@
+---
+paths:
+  - "**/*.css"
+  - "**/*.scss"
+  - "**/*.sass"
+  - "**/*.less"
+  - "**/*.html"
+  - "**/*.tsx"
+  - "**/*.jsx"
+  - "**/*.vue"
+  - "**/*.svelte"
+---
 > This file extends [common/hooks.md](../common/hooks.md) with web-specific hook recommendations.
 
 # Web Hooks
diff --git a/rules/web/patterns.md b/rules/web/patterns.md
index ccec36856..d3f1b90fb 100644
--- a/rules/web/patterns.md
+++ b/rules/web/patterns.md
@@ -1,3 +1,15 @@
+---
+paths:
+  - "**/*.css"
+  - "**/*.scss"
+  - "**/*.sass"
+  - "**/*.less"
+  - "**/*.html"
+  - "**/*.tsx"
+  - "**/*.jsx"
+  - "**/*.vue"
+  - "**/*.svelte"
+---
 > This file extends [common/patterns.md](../common/patterns.md) with web-specific patterns.
 
 # Web Patterns
diff --git a/rules/web/performance.md b/rules/web/performance.md
index b7202800f..91a764752 100644
--- a/rules/web/performance.md
+++ b/rules/web/performance.md
@@ -1,3 +1,15 @@
+---
+paths:
+  - "**/*.css"
+  - "**/*.scss"
+  - "**/*.sass"
+  - "**/*.less"
+  - "**/*.html"
+  - "**/*.tsx"
+  - "**/*.jsx"
+  - "**/*.vue"
+  - "**/*.svelte"
+---
 > This file extends [common/performance.md](../common/performance.md) with web-specific performance content.
 
 # Web Performance Rules
diff --git a/rules/web/security.md b/rules/web/security.md
index b44278cf2..ece148124 100644
--- a/rules/web/security.md
+++ b/rules/web/security.md
@@ -1,3 +1,15 @@
+---
+paths:
+  - "**/*.css"
+  - "**/*.scss"
+  - "**/*.sass"
+  - "**/*.less"
+  - "**/*.html"
+  - "**/*.tsx"
+  - "**/*.jsx"
+  - "**/*.vue"
+  - "**/*.svelte"
+---
 > This file extends [common/security.md](../common/security.md) with web-specific security content.
 
 # Web Security Rules
diff --git a/rules/web/testing.md b/rules/web/testing.md
index 6bf58124e..23ebe132d 100644
--- a/rules/web/testing.md
+++ b/rules/web/testing.md
@@ -1,3 +1,15 @@
+---
+paths:
+  - "**/*.css"
+  - "**/*.scss"
+  - "**/*.sass"
+  - "**/*.less"
+  - "**/*.html"
+  - "**/*.tsx"
+  - "**/*.jsx"
+  - "**/*.vue"
+  - "**/*.svelte"
+---
 > This file extends [common/testing.md](../common/testing.md) with web-specific testing content.
 
 # Web Testing Rules