jarrodwatts/claude-code-config

Based on Manus's official context engineering documentation: https://manus.im/de/blog/Context-Engineering-for-AI-Agents-Lessons-from-Building-Manus

https://manus.im/de/blog/Context-Engineering-for-AI-Agents-Lessons-from-Building-Manus

fetch(url)

[Credential-related source omitted]

Reference: [https://github.com/shuding/better-all](https://github.com/shuding/better-all)

Reference: [https://vercel.com/blog/how-we-optimized-package-imports-in-next-js](https://vercel.com/blog/how-we-optimized-package-imports-in-next-js)

**With Vercel's [Fluid Compute](https://vercel.com/docs/fluid-compute):** LRU caching is especially effective because multiple concurrent requests can share the same function instance and cache. This means the cache persists across requests

Reference: [https://github.com/isaacs/node-lru-cache](https://github.com/isaacs/node-lru-cache)

Reference: [https://nextjs.org/docs/app/api-reference/functions/after](https://nextjs.org/docs/app/api-reference/functions/after)

const [users, setUsers] = useState([])   useEffect(() => {     fetch('/api/users')

useEffect(() => {     fetch('/api/users')       .then(r => r.json())

fetch('/api/users')

Reference: [https://swr.vercel.app](https://swr.vercel.app)

**Note:** If your project has [React Compiler](https://react.dev/learn/react-compiler) enabled, manual memoization with `memo()` and `useMemo()` is not necessary. The compiler automatically optimizes re-renders.

**Note:** If your project has [React Compiler](https://react.dev/learn/react-compiler) enabled, the compiler can automatically optimize some cases, but functional updates are still recommended for correctness and to prevent stale closure bu

**Note:** If your project has [React Compiler](https://react.dev/learn/react-compiler) enabled, the compiler automatically hoists static JSX elements and optimizes component re-renders, making manual hoisting unnecessary.

Reference: [https://vercel.com/blog/how-we-made-the-vercel-dashboard-twice-as-fast](https://vercel.com/blog/how-we-made-the-vercel-dashboard-twice-as-fast)

1. [https://react.dev](https://react.dev)

2. [https://nextjs.org](https://nextjs.org)

3. [https://swr.vercel.app](https://swr.vercel.app)

4. [https://github.com/shuding/better-all](https://github.com/shuding/better-all)

5. [https://github.com/isaacs/node-lru-cache](https://github.com/isaacs/node-lru-cache)

6. [https://vercel.com/blog/how-we-optimized-package-imports-in-next-js](https://vercel.com/blog/how-we-optimized-package-imports-in-next-js)

7. [https://vercel.com/blog/how-we-made-the-vercel-dashboard-twice-as-fast](https://vercel.com/blog/how-we-made-the-vercel-dashboard-twice-as-fast)

Reference: [Link](https://example.com)

Originally created by [@shuding](https://x.com/shuding) at [Vercel](https://vercel.com).

"abstract": "Comprehensive performance optimization guide for React and Next.js applications, designed for AI agents and LLMs. Contains 40+ rules across 8 categories, prioritized by impact from critical (eliminating waterfalls, reducing bun

"references": [     "https://react.dev",     "https://nextjs.org",

"https://react.dev",

"https://nextjs.org",

"https://swr.vercel.app",

"https://github.com/shuding/better-all",

"https://github.com/isaacs/node-lru-cache",

"https://vercel.com/blog/how-we-optimized-package-imports-in-next-js",

"https://vercel.com/blog/how-we-made-the-vercel-dashboard-twice-as-fast"

Executable file

Reference: [Link to documentation or resource](https://example.com)

Reference: [https://github.com/shuding/better-all](https://github.com/shuding/better-all)

Reference: [How we optimized package imports in Next.js](https://vercel.com/blog/how-we-optimized-package-imports-in-next-js)

const [users, setUsers] = useState([])   useEffect(() => {     fetch('/api/users')

useEffect(() => {     fetch('/api/users')       .then(r => r.json())

fetch('/api/users')

Reference: [https://swr.vercel.app](https://swr.vercel.app)

Reference: [How we made the Vercel Dashboard twice as fast](https://vercel.com/blog/how-we-made-the-vercel-dashboard-twice-as-fast)

**Note:** If your project has [React Compiler](https://react.dev/learn/react-compiler) enabled, the compiler automatically hoists static JSX elements and optimizes component re-renders, making manual hoisting unnecessary.

**Note:** If your project has [React Compiler](https://react.dev/learn/react-compiler) enabled, the compiler can automatically optimize some cases, but functional updates are still recommended for correctness and to prevent stale closure bu

**Note:** If your project has [React Compiler](https://react.dev/learn/react-compiler) enabled, manual memoization with `memo()` and `useMemo()` is not necessary. The compiler automatically optimizes re-renders.

Reference: [https://nextjs.org/docs/app/api-reference/functions/after](https://nextjs.org/docs/app/api-reference/functions/after)

**With Vercel's [Fluid Compute](https://vercel.com/docs/fluid-compute):** LRU caching is especially effective because multiple concurrent requests can share the same function instance and cache. This means the cache persists across requests

Reference: [https://github.com/isaacs/node-lru-cache](https://github.com/isaacs/node-lru-cache)

#!/usr/bin/env node

#!/usr/bin/env node

#!/usr/bin/env node

Executable file

Executable file

#!/usr/bin/env node

"ruleTitle": "Use SWR for Automatic Deduplication",     "type": "bad",     "code": "function UserList() {\n  const [users, setUsers] = useState([])\n  useEffect(() => {\n    fetch('/api/users')\n      .then(r => r.json())\n      .then(setUs

"type": "bad",     "code": "function UserList() {\n  const [users, setUsers] = useState([])\n  useEffect(() => {\n    fetch('/api/users')\n      .then(r => r.json())\n      .then(setUsers)\n  }, [])\n}",     "language": "tsx",

"code": "function UserList() {\n  const [users, setUsers] = useState([])\n  useEffect(() => {\n    fetch('/api/users')\n      .then(r => r.json())\n      .then(setUsers)\n  }, [])\n}",

https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md