@thedecipherist/claude-packs 0.0.0-stage → 1.1.0

package/packs/web/checks/a11y-no-bare-outline-none.json

@@ -0,0 +1,21 @@
+{
+  "id": "a11y-no-bare-outline-none",
+  "why": "outline: none removes the only focus indicator keyboard users have. Replace it with a :focus-visible style, never remove it bare.",
+  "rule": ".claude/rules/accessibility.md",
+  "concepts": [
+    "styles"
+  ],
+  "exclude": [
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/build/**",
+    "**/.next/**",
+    "**/out/**",
+    ".claude/**",
+    "**/.claude/**"
+  ],
+  "code": false,
+  "pattern": "\\boutline\\s*:\\s*(?:none|0)\\b(?![^}]*(?:box-shadow|outline-offset|outline:\\s*\\d))",
+  "bad": "button:focus { outline: none; }",
+  "good": "button:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--ring); }"
+}

package/packs/web/checks/a11y-no-clickable-div.json

@@ -0,0 +1,26 @@
+{
+  "id": "a11y-no-clickable-div",
+  "why": "A div/span with onClick is not focusable, does not fire on Enter/Space and is announced as nothing. <button> for actions, <a href> for navigation.",
+  "rule": ".claude/rules/accessibility.md",
+  "concepts": [
+    "markup"
+  ],
+  "exclude": [
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/build/**",
+    "**/.next/**",
+    "**/out/**",
+    ".claude/**",
+    "**/.claude/**",
+    "**/*.test.*",
+    "**/*.spec.*",
+    "**/test/**",
+    "**/tests/**",
+    "**/*.stories.*"
+  ],
+  "code": false,
+  "pattern": "<(?:div|span|li|td|p)\\b(?![^>]*\\binset-0\\b)[^>]*\\bon[Cc]lick\\s*=",
+  "bad": "<div onClick={open}>Open</div>",
+  "good": "<button type=\"button\" onClick={open}>Open</button>"
+}

package/packs/web/checks/a11y-no-positive-tabindex.json

@@ -0,0 +1,26 @@
+{
+  "id": "a11y-no-positive-tabindex",
+  "why": "tabindex above 0 hijacks the tab order for the whole page. Use 0 to make something focusable, -1 to make it programmatically focusable, and DOM order for the rest.",
+  "rule": ".claude/rules/accessibility.md",
+  "concepts": [
+    "markup"
+  ],
+  "exclude": [
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/build/**",
+    "**/.next/**",
+    "**/out/**",
+    ".claude/**",
+    "**/.claude/**",
+    "**/*.test.*",
+    "**/*.spec.*",
+    "**/test/**",
+    "**/tests/**",
+    "**/*.stories.*"
+  ],
+  "code": false,
+  "pattern": "\\btab[Ii]ndex\\s*=\\s*[\\\"'{]?\\s*[1-9]",
+  "bad": "<div tabIndex={1}>",
+  "good": "<button tabIndex={0}>"
+}

package/packs/web/checks/client-no-api-key.json

@@ -0,0 +1,29 @@
+{
+  "id": "client-no-api-key",
+  "why": "A key or connection string under app/, components/, client/ or public/ ships to every browser. Server-side only, through the env module.",
+  "rule": ".claude/rules/client-boundaries.md",
+  "concepts": [
+    "client"
+  ],
+  "exclude": [
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/build/**",
+    "**/.next/**",
+    "**/out/**",
+    ".claude/**",
+    "**/.claude/**",
+    "**/*.test.*",
+    "**/*.spec.*",
+    "**/test/**",
+    "**/tests/**",
+    "**/*.stories.*",
+    "**/app/api/**",
+    "**/route.ts",
+    "**/route.js"
+  ],
+  "code": false,
+  "pattern": "sk-ant-|ANTHROPIC_API_KEY|OPENAI_API_KEY|MONGODB_URI|mongodb(?:\\+srv)?://",
+  "bad": "const key = process.env.ANTHROPIC_API_KEY;",
+  "good": "const res = await fetch('/api/critic', { method: 'POST', body });"
+}

package/packs/web/checks/client-no-browser-global-at-module-scope.json

@@ -0,0 +1,28 @@
+{
+  "id": "client-no-browser-global-at-module-scope",
+  "why": "window/document/localStorage at module scope runs during the server render and throws. Read them inside effects and handlers, or behind typeof window !== 'undefined'.",
+  "rule": ".claude/rules/client-boundaries.md",
+  "concepts": [
+    "client"
+  ],
+  "exclude": [
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/build/**",
+    "**/.next/**",
+    "**/out/**",
+    ".claude/**",
+    "**/.claude/**",
+    "**/*.test.*",
+    "**/*.spec.*",
+    "**/test/**",
+    "**/tests/**",
+    "**/*.stories.*",
+    "**/public/**"
+  ],
+  "code": true,
+  "flags": "m",
+  "pattern": "^(?:export\\s+)?(?:const|let|var)\\s+\\w+\\s*=\\s*(?:window|document|localStorage|sessionStorage|navigator)\\b",
+  "bad": "const width = window.innerWidth;",
+  "good": "useEffect(() => { setWidth(window.innerWidth); }, []);"
+}

package/packs/web/checks/client-no-server-import.json

@@ -0,0 +1,31 @@
+{
+  "id": "client-no-server-import",
+  "why": "A value import from a server module in a 'use client' file pulls the gateway, env and secrets into the browser bundle. Pass data through props or a route handler; only `import type` is allowed.",
+  "rule": ".claude/rules/client-boundaries.md",
+  "globs": [
+    "**/*.tsx",
+    "**/*.ts"
+  ],
+  "exclude": [
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/build/**",
+    "**/.next/**",
+    "**/out/**",
+    ".claude/**",
+    "**/.claude/**",
+    "**/*.test.*",
+    "**/*.spec.*",
+    "**/test/**",
+    "**/tests/**",
+    "**/*.stories.*",
+    "**/server/**",
+    "**/db/**",
+    "**/lib/db*"
+  ],
+  "code": false,
+  "flags": "m",
+  "pattern": "^\\s*['\"]use client['\"][\\s\\S]*?^import\\s+(?!type\\b)[^;\\n]*from\\s+['\"][^'\"\\n]*(?:/server/|\\.server['\"]|/db/|gateway)",
+  "bad": "'use client';\nimport { getDb } from '../server/gateway';",
+  "good": "'use client';\nimport type { Session } from '../server/gateway';\nimport { Button } from '@/components/ui';"
+}

package/packs/web/checks/client-no-window-location-nav.json

@@ -0,0 +1,28 @@
+{
+  "id": "client-no-window-location-nav",
+  "why": "window.location for an internal route throws away SPA state and prefetching, and re-triggers the dev unstyled flash on every click. Use the router; mark external URLs and downloads with // allow location nav.",
+  "rule": ".claude/rules/client-boundaries.md",
+  "concepts": [
+    "client"
+  ],
+  "exclude": [
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/build/**",
+    "**/.next/**",
+    "**/out/**",
+    ".claude/**",
+    "**/.claude/**",
+    "**/*.test.*",
+    "**/*.spec.*",
+    "**/test/**",
+    "**/tests/**",
+    "**/*.stories.*",
+    "**/public/**"
+  ],
+  "code": false,
+  "flags": "m",
+  "pattern": "^(?!.*allow location nav).*window\\.location\\.(?:href\\s*=(?!\\s*['\"`]https?://)|assign\\s*\\((?!\\s*['\"`]https?://)|replace\\s*\\((?!\\s*['\"`]https?://)|reload\\s*\\()",
+  "bad": "window.location.href = '/admin/tools';",
+  "good": "router.push('/admin/tools');\nwindow.location.href = file.downloadUrl; // allow location nav"
+}

package/packs/web/checks/css-no-inline-style.json

@@ -0,0 +1,30 @@
+{
+  "id": "css-no-inline-style",
+  "why": "style=\"\u2026\" cannot be responsive, hover or animated and starts a specificity war. Static styling goes in the stylesheet; a runtime value goes in as a custom property (style=\"--progress: 73%\").",
+  "rule": ".claude/rules/styles-live-in-stylesheets.md",
+  "concepts": [
+    "markup"
+  ],
+  "exclude": [
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/build/**",
+    "**/.next/**",
+    "**/out/**",
+    ".claude/**",
+    "**/.claude/**",
+    "**/*.test.*",
+    "**/*.spec.*",
+    "**/test/**",
+    "**/tests/**",
+    "**/*.stories.*",
+    "**/*.html",
+    "**/email/**",
+    "**/emails/**",
+    "**/mail/**"
+  ],
+  "code": false,
+  "pattern": "\\bstyle\\s*=\\s*(?:\\\"(?!\\s*--)|'(?!\\s*--)|\\{\\{(?!\\s*['\\\"]--))",
+  "bad": "<div style={{ width: 240, color: 'red' }}>\n<span style=\"margin-top:6px\">",
+  "good": "<div className=\"bar\" style={{ '--progress': `${pct}%` }}>\n<span style=\"--gap: 6px\">"
+}

package/packs/web/checks/ds-pages-compose-primitives.json

@@ -0,0 +1,28 @@
+{
+  "id": "ds-pages-compose-primitives",
+  "why": "A raw <button>/<input>/<select>/<textarea> in a page is an unstyled control one wave away from an unstyled surface. Compose Button and Field from the primitives module.",
+  "rule": ".claude/rules/ui-primitives-one-module.md",
+  "concepts": [
+    "pages"
+  ],
+  "exclude": [
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/build/**",
+    "**/.next/**",
+    "**/out/**",
+    ".claude/**",
+    "**/.claude/**",
+    "**/*.test.*",
+    "**/*.spec.*",
+    "**/test/**",
+    "**/tests/**",
+    "**/*.stories.*",
+    "**/components/ui/**",
+    "**/ui/**"
+  ],
+  "code": false,
+  "pattern": "<(?:button|input|select|textarea)[\\s>/]",
+  "bad": "<button className=\"px-3 py-1 rounded\" onClick={save}>Save</button>",
+  "good": "<Button onClick={save}>Save changes</Button>"
+}

package/packs/web/checks/key-from-index.json

@@ -0,0 +1,23 @@
+{
+  "id": "key-from-index",
+  "why": "An index as a key moves state between rows when one is removed.",
+  "rule": ".claude/rules/accessibility.md",
+  "globs": [
+    "**/*.tsx",
+    "**/*.jsx"
+  ],
+  "exclude": [
+    "**/tests/**",
+    "**/test/**",
+    "**/*.test.*",
+    "**/*.spec.*",
+    "**/e2e/**",
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/build/**",
+    "**/.next/**"
+  ],
+  "pattern": "\\bkey=\\{\\s*(?:i|idx|index)\\s*\\}",
+  "bad": "rows.map((r, i) => <Row key={i} />)",
+  "good": "rows.map((r) => <Row key={r.id} />)"
+}

package/packs/web/checks/prodbuild-no-cdn-runtime-deps.json

@@ -0,0 +1,21 @@
+{
+  "id": "prodbuild-no-cdn-runtime-deps",
+  "why": "A CDN script bypasses the bundler (no tree shaking, no dedup) and adds an origin. Bundle it or vendor the file.",
+  "rule": ".claude/rules/production-build.md",
+  "concepts": [
+    "markup"
+  ],
+  "exclude": [
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/build/**",
+    "**/.next/**",
+    "**/out/**",
+    ".claude/**",
+    "**/.claude/**"
+  ],
+  "code": false,
+  "pattern": "(?:src|href)=[\\\"']https?://(?:unpkg\\.com|cdn\\.jsdelivr\\.net|cdnjs\\.cloudflare\\.com)",
+  "bad": "<script src=\"https://unpkg.com/htmx.org@2.0.4\"></script>",
+  "good": "import 'htmx.org';"
+}

package/packs/web/checks/prodbuild-no-dev-flags.json

@@ -0,0 +1,21 @@
+{
+  "id": "prodbuild-no-dev-flags",
+  "why": "A shipped bundler config with minify off, development mode or browser source maps on un-optimises the production build.",
+  "rule": ".claude/rules/production-build.md",
+  "concepts": [
+    "build-config"
+  ],
+  "exclude": [
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/build/**",
+    "**/.next/**",
+    "**/out/**",
+    ".claude/**",
+    "**/.claude/**"
+  ],
+  "code": true,
+  "pattern": "\\bminify\\s*:\\s*false|\\bswcMinify\\s*:\\s*false|\\bmode\\s*:\\s*['\\\"]development['\\\"]|\\bproductionBrowserSourceMaps\\s*:\\s*true|['\\\"]style-loader['\\\"]",
+  "bad": "export default { productionBrowserSourceMaps: true };",
+  "good": "export default { reactStrictMode: true };"
+}

package/packs/web/checks/prodbuild-no-remote-fonts.json

@@ -0,0 +1,22 @@
+{
+  "id": "prodbuild-no-remote-fonts",
+  "why": "A third-party font host is an extra DNS + TLS round trip on the critical path, a privacy leak and an availability dependency. Self-host: next/font or @fontsource, woff2, font-display: swap.",
+  "rule": ".claude/rules/production-build.md",
+  "concepts": [
+    "markup",
+    "styles"
+  ],
+  "exclude": [
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/build/**",
+    "**/.next/**",
+    "**/out/**",
+    ".claude/**",
+    "**/.claude/**"
+  ],
+  "code": false,
+  "pattern": "fonts\\.googleapis\\.com|fonts\\.gstatic\\.com|use\\.typekit\\.net|use\\.fontawesome\\.com|fonts\\.bunny\\.net",
+  "bad": "<link href=\"https://fonts.googleapis.com/css2?family=Inter\" rel=\"stylesheet\">",
+  "good": "import { Inter } from 'next/font/google';"
+}

package/packs/web/checks/rcss-button-cursor.json

@@ -0,0 +1,30 @@
+{
+  "id": "rcss-button-cursor",
+  "why": "Buttons do not get cursor: pointer from the browser; the base stylesheet must set it on button, [role=button], [role=link] and [onclick], plus button:disabled { cursor: not-allowed }.",
+  "rule": ".claude/rules/styles-live-in-stylesheets.md",
+  "globs": [
+    "**/globals.css",
+    "**/global.css",
+    "**/base.css",
+    "**/app.css",
+    "**/index.css",
+    "**/main.css"
+  ],
+  "exclude": [
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/build/**",
+    "**/.next/**",
+    "**/out/**",
+    ".claude/**",
+    "**/.claude/**"
+  ],
+  "code": false,
+  "mode": "needs",
+  "pattern": "(?:^|[\\s,{])(?:html|body|:root)\\s*\\{",
+  "needs": [
+    "cursor\\s*:\\s*pointer"
+  ],
+  "bad": "html { -webkit-text-size-adjust: 100%; }\nbody { margin: 0; }",
+  "good": "html { -webkit-text-size-adjust: 100%; }\nbutton, [role=\"button\"], [role=\"link\"], [onclick] { cursor: pointer; }\nbutton:disabled { cursor: not-allowed; }"
+}

package/packs/web/checks/rcss-no-100vw.json

@@ -0,0 +1,21 @@
+{
+  "id": "rcss-no-100vw",
+  "why": "100vw includes the scrollbar, so a 100vw box overflows sideways on every desktop browser. width: 100%.",
+  "rule": ".claude/rules/styles-live-in-stylesheets.md",
+  "concepts": [
+    "styles"
+  ],
+  "exclude": [
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/build/**",
+    "**/.next/**",
+    "**/out/**",
+    ".claude/**",
+    "**/.claude/**"
+  ],
+  "code": false,
+  "pattern": "\\b100vw\\b",
+  "bad": ".hero { width: 100vw; }",
+  "good": ".hero { width: 100%; }"
+}

package/packs/web/checks/rcss-no-fixed-wide-width.json

@@ -0,0 +1,21 @@
+{
+  "id": "rcss-no-fixed-wide-width",
+  "why": "A fixed width of 500px or more is wider than a phone; the layout scrolls sideways. max-width, %, or min(800px, 100%).",
+  "rule": ".claude/rules/styles-live-in-stylesheets.md",
+  "concepts": [
+    "styles"
+  ],
+  "exclude": [
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/build/**",
+    "**/.next/**",
+    "**/out/**",
+    ".claude/**",
+    "**/.claude/**"
+  ],
+  "code": false,
+  "pattern": "(?<![\\w-])(?:min-)?width\\s*:\\s*(?:[5-9]\\d{2}|\\d{4,})px",
+  "bad": ".card { width: 640px; }",
+  "good": ".card { max-width: 640px; width: min(640px, 100%); }"
+}

package/packs/web/checks/rcss-viewport-meta.json

@@ -0,0 +1,28 @@
+{
+  "id": "rcss-viewport-meta",
+  "why": "Without the viewport meta the page renders at 980px and is zoomed out on every phone. Next's app router emits it; a hand-written document must.",
+  "rule": ".claude/rules/styles-live-in-stylesheets.md",
+  "globs": [
+    "**/index.html",
+    "**/_document.tsx",
+    "**/root.tsx",
+    "**/app.html"
+  ],
+  "exclude": [
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/build/**",
+    "**/.next/**",
+    "**/out/**",
+    ".claude/**",
+    "**/.claude/**"
+  ],
+  "code": false,
+  "mode": "needs",
+  "pattern": "<html\\b",
+  "needs": [
+    "width=device-width"
+  ],
+  "bad": "<html lang=\"en\"><head><title>x</title></head></html>",
+  "good": "<html lang=\"en\"><head><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" /></head></html>"
+}

package/packs/web/checks/secret-not-in-web-storage.json

@@ -0,0 +1,25 @@
+{
+  "id": "secret-not-in-web-storage",
+  "why": "The key that makes the privacy claim true should not be readable by every third-party script on the page.",
+  "rule": ".claude/rules/secrets-not-in-the-browser.md",
+  "globs": [
+    "**/*.tsx",
+    "**/*.jsx",
+    "**/client/**/*.ts"
+  ],
+  "exclude": [
+    "**/tests/**",
+    "**/test/**",
+    "**/*.test.*",
+    "**/*.spec.*",
+    "**/e2e/**",
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/build/**",
+    "**/.next/**"
+  ],
+  "code": true,
+  "pattern": "(?:local|session)Storage\\.setItem\\([^,\\n]+,\\s*\\w*(?:[kK]ey(?:Input)?|[tT]oken|[sS]ecret|[pP]assword)\\w*\\s*\\)",
+  "bad": "localStorage.setItem(STORAGE_KEY, keyInput);",
+  "good": "localStorage.setItem(THEME_KEY, theme);"
+}

package/packs/web/checks/tw-no-raw-hex-in-markup.json

@@ -0,0 +1,34 @@
+{
+  "id": "tw-no-raw-hex-in-markup",
+  "why": "A hex colour in a page or component is a value outside the token system; it drifts and has no dark: pair. Declare it once in @theme and use the utility.",
+  "rule": ".claude/rules/ui-primitives-one-module.md",
+  "globs": [
+    "**/*.tsx",
+    "**/*.jsx"
+  ],
+  "exclude": [
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/build/**",
+    "**/.next/**",
+    "**/out/**",
+    ".claude/**",
+    "**/.claude/**",
+    "**/*.test.*",
+    "**/*.spec.*",
+    "**/test/**",
+    "**/tests/**",
+    "**/*.stories.*",
+    "**/tokens*",
+    "**/theme*",
+    "**/components/ui/**",
+    "**/email/**",
+    "**/emails/**",
+    "**/mail/**"
+  ],
+  "code": false,
+  "pattern": "#[0-9a-fA-F]{6}\\b",
+  "bad": "<div className=\"bg-[#1f2937]\">",
+  "good": "<div className=\"bg-surface-2\">",
+  "kind": "quality"
+}

package/packs/web/checks/wp-hero-not-lazy.json

@@ -0,0 +1,27 @@
+{
+  "id": "wp-hero-not-lazy",
+  "why": "loading=\"lazy\" or fetchpriority=\"low\" on the hero delays the very element LCP measures. Preload it and mark it fetchpriority=\"high\".",
+  "rule": ".claude/rules/web-performance.md",
+  "concepts": [
+    "markup"
+  ],
+  "exclude": [
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/build/**",
+    "**/.next/**",
+    "**/out/**",
+    ".claude/**",
+    "**/.claude/**",
+    "**/*.test.*",
+    "**/*.spec.*",
+    "**/test/**",
+    "**/tests/**",
+    "**/*.stories.*"
+  ],
+  "code": false,
+  "flags": "i",
+  "pattern": "fetchpriority=.?low[^>]*hero|hero[^>]*loading=.?lazy",
+  "bad": "<img class=\"hero\" src=\"/hero.avif\" loading=\"lazy\">",
+  "good": "<img class=\"hero\" src=\"/hero.avif\" fetchpriority=\"high\" width=\"1600\" height=\"900\" alt=\"\u2026\">"
+}

package/packs/web/checks/wp-img-needs-dimensions.json

@@ -0,0 +1,26 @@
+{
+  "id": "wp-img-needs-dimensions",
+  "why": "An <img> without width and height reserves no box, so the layout shifts when it arrives (CLS). Give it intrinsic dimensions; the stylesheet keeps it fluid with max-width: 100%; height: auto.",
+  "rule": ".claude/rules/web-performance.md",
+  "concepts": [
+    "markup"
+  ],
+  "exclude": [
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/build/**",
+    "**/.next/**",
+    "**/out/**",
+    ".claude/**",
+    "**/.claude/**",
+    "**/*.test.*",
+    "**/*.spec.*",
+    "**/test/**",
+    "**/tests/**",
+    "**/*.stories.*"
+  ],
+  "code": false,
+  "pattern": "<img\\b(?![^>]*\\bwidth\\s*=)[^>]*>",
+  "bad": "<img src=\"/a.png\" alt=\"a\">",
+  "good": "<img src=\"/a.png\" alt=\"a\" width=\"320\" height=\"200\">"
+}

package/packs/web/pack.json

@@ -0,0 +1,73 @@
+{
+  "name": "web",
+  "version": "1.0.0",
+  "description": "Web UI (Next.js, HTML, CSS, Tailwind 4): accessibility, one primitives module, styles in stylesheets, performance, production build, client boundaries.",
+  "type": "stock",
+  "author": "claude-packs",
+  "license": "MIT",
+  "homepage": "https://github.com/TheDecipherist/claude-packs",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/TheDecipherist/claude-packs.git",
+    "directory": "packs/web"
+  },
+  "keywords": [
+    "nextjs",
+    "react",
+    "css"
+  ],
+  "engines": {
+    "claude-packs": ">=0.19.0"
+  },
+  "folders": {},
+  "concepts": {
+    "markup": [
+      "**/*.tsx",
+      "**/*.jsx",
+      "**/*.html",
+      "**/*.vue",
+      "**/*.svelte"
+    ],
+    "styles": [
+      "**/*.css",
+      "**/*.scss",
+      "**/styles/**",
+      "**/tailwind.config.*",
+      "**/postcss.config.*"
+    ],
+    "pages": [
+      "**/app/**/page.tsx",
+      "**/app/**/layout.tsx",
+      "**/app/**/template.tsx",
+      "**/pages/**/*.tsx",
+      "**/pages/**/*.jsx",
+      "**/routes/**/*.tsx"
+    ],
+    "components": [
+      "**/components/**",
+      "**/client/**"
+    ],
+    "client": [
+      "**/app/**",
+      "**/components/**",
+      "**/client/**",
+      "**/public/**",
+      "**/*.tsx",
+      "**/*.jsx"
+    ],
+    "build-config": [
+      "**/next.config.*",
+      "**/webpack*.js",
+      "**/webpack*.mjs",
+      "**/webpack*.cjs",
+      "**/webpack*.ts",
+      "**/rollup.config.*",
+      "**/esbuild*.js",
+      "**/esbuild*.mjs",
+      "**/index.html",
+      "**/_document.tsx"
+    ]
+  },
+  "skillsIn": null,
+  "hooks": {}
+}