{"componentChunkName":"component---src-templates-section-tsx","path":"/claude-code-using-claude-codes-init-and-claude-md-effectively","result":{"data":{"section":{"title":"Using Claude Code’s /init and claude.md Effectively","subtitle":"Customizing Your Project Guide","slug":"claude-code-using-claude-codes-init-and-claude-md-effectively","videoDuration":277,"releaseDate":null,"tags":["Claude code","init","claude.md","customizing Claude.md","project guide","ai coding assistant","Claude setup","claude workflow","next.js project","terminal commands"],"contentful_id":"5gTplNCPPfE4Vgme3zTWCD","isFree":false,"illustration":null,"source":null,"colors":null,"chapter":[{"title":"Claude Code Crash Course on Agentic Workflows","slug":"claude-code","hoursOfVideo":1,"description":{"description":"This course teaches you how to use Claude Code efficiently with slash commands, hooks, parallel workflows, and more. You’ll learn the mindset of working with AI, simplify repetitive tasks and connect tools into one unified agentic workflow, giving you everything you need to go from idea to working app."},"logos":[{"fixed":{"src":"//images.ctfassets.net/ooa29xqb8tix/1bYdUtniEAUH3jdqQd3Qc1/7cf21d20882bfe59f01d7bc74e81010d/react-logo.png?w=400&q=50"}},{"fixed":{"src":"//images.ctfassets.net/ooa29xqb8tix/39xkJS0CvrRBKgMnyLYBks/14d434f819fef062dce8c72efecbc74d/react-logo.png?w=400&q=50"}}],"instructors":[{"name":"Vanh Roeung","slug":"instructor/vanh","avatar":{"fluid":{"src":"//images.ctfassets.net/ooa29xqb8tix/2anEzU2n2tP4f0kSZCLWb2/0358b4770ab46ed28f961cfb81a09b3b/Screenshot_2025-08-22_at_11.29.49â__AM.png?w=200&h=200&q=50"}}}],"illustration":{"file":{"url":"//images.ctfassets.net/ooa29xqb8tix/304Tlb60pUSlhG8CMC5gUf/4bc2717aad54e15dd68d275520eb06d8/claude-code.svg"}},"illustrationConverted":{"fixed":{"src":"//images.ctfassets.net/ooa29xqb8tix/76YCbDJok71emzDKE43HtK/7383feb1723d2f7e52a76fa4f0186f1a/claude-code.png?w=400&q=50"}},"colors":["#171515","#322E2E"],"sections":[{"title":"Introduction on Claude Code","subtitle":"Getting Started with Claude Code CL","slug":"claude-code-introduction","videoDuration":116,"releaseDate":null,"tags":null},{"title":"Beat Context Pruning & Pick the Perfect Anthropic Plan","subtitle":"Running Claude Code Directly for Full-Context","slug":"claude-code-beat-context-pruning","videoDuration":491,"releaseDate":null,"tags":null},{"title":"Why the Terminal Matters: The Foundation for Claude Code and CLI Tools","subtitle":"Command Line Crash Course: Unlocking Claude Code’s Power","slug":"claude-code-why-the-terminal-matters","videoDuration":600,"releaseDate":null,"tags":null},{"title":"How to Safely Resolve npm Permission Errors Without sudo","subtitle":"Why You Shouldn’t Use sudo for npm Installs","slug":"claude-code-how-to-safely-resolve-npm-permission-errors-without-sudo","videoDuration":443,"releaseDate":null,"tags":["npm permission","sudo","npm installs","error fix"]},{"title":"Using Claude Code’s /init and claude.md Effectively","subtitle":"Customizing Your Project Guide","slug":"claude-code-using-claude-codes-init-and-claude-md-effectively","videoDuration":277,"releaseDate":null,"tags":["Claude code","init","claude.md","customizing Claude.md","project guide","ai coding assistant","Claude setup","claude workflow","next.js project","terminal commands"]},{"title":"Navigating Your Project with Claude Code","subtitle":"Finding and Understanding Feature Implementations","slug":"claude-code-navigating-your-project-with-claude-code","videoDuration":241,"releaseDate":null,"tags":["Claude code","codebase navigation","feature implementation","developer onboarding","code exploration","ai coding tools","code understanding","project navigation","software development","claude ai"]},{"title":"Using Claude Code in the Terminal and IDE","subtitle":"Setting Up the Claude Extension in VS Code, Cursor, or Windsurf","slug":"claude-code-using-claude-code-in-the-terminal-and-ide","videoDuration":262,"releaseDate":null,"tags":["claude code","terminal workflow","ide integration","vs code","cursor editor","windsurf","ai coding assistant","code setup","developer productivity","coding tools"]},{"title":"Slash Commands in Claude Code","subtitle":"How to Build and Use Slash Commands in Claude Code","slug":"claude-code-slash-commands","videoDuration":291,"releaseDate":null,"tags":["Claude code","slash commands","custom commands","workflow automation","create slash commands","coding shortcuts","developer productivity","markdown commands","Claude tutorial","ai coding tools"]}],"releaseDate":"2025-09-01","isFreeCourse":false,"isFeatured":true,"tags":["Claude Code","terminal","slash commands","hooks","parallel workflows","agentic workflows"],"promoUrl":null,"contentType":"Course","source":null}],"author":[{"name":"Vanh Roeung","jobTitle":"Developer","twitterHandle":"@VanhDesign","biography":{"biography":"Developer at Design+Code"},"avatar":{"fluid":{"src":"//images.ctfassets.net/ooa29xqb8tix/2anEzU2n2tP4f0kSZCLWb2/0358b4770ab46ed28f961cfb81a09b3b/Screenshot_2025-08-22_at_11.29.49â__AM.png?w=200&h=200&q=50"}},"location":"Montreal, Canada","slug":"instructor/vanh","chapter":[{"title":"Claude Code Crash Course on Agentic Workflows","slug":"claude-code","hoursOfVideo":1,"description":{"description":"This course teaches you how to use Claude Code efficiently with slash commands, hooks, parallel workflows, and more. You’ll learn the mindset of working with AI, simplify repetitive tasks and connect tools into one unified agentic workflow, giving you everything you need to go from idea to working app."},"logos":[{"fixed":{"src":"//images.ctfassets.net/ooa29xqb8tix/1bYdUtniEAUH3jdqQd3Qc1/7cf21d20882bfe59f01d7bc74e81010d/react-logo.png?w=400&q=50"}},{"fixed":{"src":"//images.ctfassets.net/ooa29xqb8tix/39xkJS0CvrRBKgMnyLYBks/14d434f819fef062dce8c72efecbc74d/react-logo.png?w=400&q=50"}}],"releaseDate":"2025-09-01"},{"title":"Master Agentic Workflows","slug":"agentic-workflows","hoursOfVideo":2,"description":{"description":"In this course, you’ll learn how to add agents to your workflows. An agent workflow is more than just a simple automation. Instead of following a fixed script, agents can make decisions, adjust to changes, and figure out the best way to complete a task. We’ll start by exploring what MCP servers are and all the new possibilities they bring. Then, we’ll dive into agentic frameworks that make it easy to build flexible, helpful agents that can take care of your everyday tasks."},"logos":[{"fixed":{"src":"//images.ctfassets.net/ooa29xqb8tix/7bIHb2z3qClO9GfyPwj6nP/4cb3a08cdc0d34645540b1295f96dc67/Logo_React.png?w=400&q=50"}},{"fixed":{"src":"//images.ctfassets.net/ooa29xqb8tix/7bIHb2z3qClO9GfyPwj6nP/4cb3a08cdc0d34645540b1295f96dc67/Logo_React.png?w=400&q=50"}}],"releaseDate":"2025-04-29"},{"title":"Build a React Native app with Claude AI","slug":"react-native-ai","hoursOfVideo":14,"description":{"description":"This comprehensive course explores the integration of cutting-edge AI tools into the React Native development workflow, revolutionizing the approach to mobile application creation. Participants will learn to leverage AI-powered platforms such as Claude and Locofy to expedite coding processes, enhance problem-solving capabilities, and optimize productivity."},"logos":[{"fixed":{"src":"//images.ctfassets.net/ooa29xqb8tix/66irryXYcTuNVwWnuuzYz5/6097d6a5f5bf4d44678566034879d2a1/logo-react-native.png?w=400&q=50"}},{"fixed":{"src":"//images.ctfassets.net/ooa29xqb8tix/66irryXYcTuNVwWnuuzYz5/6097d6a5f5bf4d44678566034879d2a1/logo-react-native.png?w=400&q=50"}}],"releaseDate":"2024-09-17"}]}]},"en":{"title":"Using Claude Code’s /init and claude.md Effectively","subtitle":"Customizing Your Project Guide","excerpt":{"markdown":{"html":"<p>Now that Claude Code is installed and ready, let’s walk through how to use this AI coding agent from the very first run and explore some of its core features.</p>","excerpt":"Now that Claude Code is installed and ready, let’s walk through how to use this AI coding agent from the very first run and explore some of…"}},"content":{"markdown":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"h3","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Running Claude in Your Terminal or IDE"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Claude Code runs directly in your terminal, but it also works inside the integrated terminal of your IDE (such as VS Code). To get started, simply navigate to the "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"root directory of the project"}]},{"type":"text","value":" you want to work on, or create a new one."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"For example, here we’ll start with a fresh Next.js app:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"text"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-text"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"npx create-next-app@latest my-app\ncd my-app"}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Once you’re inside your project folder, launch Claude by typing:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"text"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-text"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"claude"}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This will start the Claude Code session in your terminal. You’ll see a short greeting, and then Claude will wait for your first instruction."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Initializing Your Project with"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"/init"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you’re working in an existing project, it’s good practice to run the "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"/init command"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"text"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-text"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"/init"}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This tells Claude to scan your project and generate a special Markdown file called "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"claude.md"}]},{"type":"text","value":". This file acts like a project guide, containing important information about your codebase."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"claude.md"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Once /init finishes, you’ll see a new file in your project directory:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"text"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-text"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"claude.md"}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"By default, Claude will fill it with a basic summary of your project. For example, in a new Next.js project, it might look like this:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"text"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-text"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"# Project: My Next.js App\n\n## Description\nA starter Next.js project created with `create-next-app`.\nFramework: Next.js 14\nLanguage: JavaScript\n\n## Key Files\n- `app/page.js` → Default homepage\n- `app/layout.js` → Root layout\n- `package.json` → Dependencies and scripts\n\n## Guidelines\n- Use functional React components with hooks\n- Keep styles in `globals.css` or module CSS files"}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can think of this file as "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Claude’s rules and memory"}]},{"type":"text","value":" — similar to “Cursor rules” or “Windsurf rules.” Everything written here is automatically pulled into context during your conversations with Claude."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Customizing the Project Guide"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The real power of claude.md comes from editing it to fit your own workflow. You can add build instructions, coding style preferences, or environment setup notes."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"For example:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"text"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-text"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"## Build & Run\n- Install deps: `npm install`\n- Start dev server: `npm run dev`\n- Build for prod: `npm run build && npm start`\n\n## Coding Style\n- Use ESLint before commits\n- Prefer Tailwind CSS for styling\n- Use async/await for API calls\n\n## Environment Setup\n- Copy `.env.example` → `.env.local`\n- Add API keys before running locally"}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"A good practice is to keep this file "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"concise and relevant"}]},{"type":"text","value":". The shorter and clearer it is, the better Claude will follow your instructions. Overloading it with too many blocks of text can sometimes confuse the AI."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Sharing Context with Your Team"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you’re working with a team, you can commit claude.md to version control so that everyone benefits from the same context and instructions."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"text"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-text"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"git add claude.md\ngit commit -m \"Add Claude project guide\""}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"That way, Claude always loads this file at session start, ensuring continuity across sessions and teammates."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Local-Only Context"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Sometimes you may prefer to keep instructions just for yourself. In that case, Claude supports a local-only file:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"text"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-text"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"claude.local.md"}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This file is automatically gitignored, meaning it won’t be shared with others. It’s useful for storing "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"personal workflows, test notes, or local-only commands"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Example:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"text"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-text"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"# Claude Local Notes\n- Testing new API endpoints\n- Personal dev shortcuts\n- Don’t commit this file"}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Claude Executing Commands for You"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"One final feature to know: Claude can also run shell commands on your behalf — but only with your explicit permission."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"For example, if you ask it to commit your claude.md, it might suggest:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"text"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-text"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"Claude: I can commit claude.md for you. Proceed? (y/n)"}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When you approve, Claude will execute:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"text"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-text"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"git add claude.md\ngit commit -m \"Update Claude project guide\""}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This shows that Claude can interact with your terminal and version control system — but always with a confirmation prompt, keeping you in control."}]}],"data":{"quirksMode":false}}}}},"contentfulChapter":{"test":null,"metadata":{"title":"Claude Code Crash Course on Agentic Workflows","slug":"claude-code","description":"This course teaches you how to use Claude Code efficiently with slash commands, hooks, parallel workflows, and more. You’ll learn the mindset of working with AI, simplify repetitive tasks and connect tools into one unified agentic workflow.","keywords":"claude code, agentic workflow, slash command, hooks, parallel workflows, ","image":"https://www.dropbox.com/scl/fi/nlvmlv8l7ss5wr2blrwzk/claude-code.jpg?rlkey=blzzwn00ujon53e0xlwwswxa6&dl=0"}},"contentfulMetadata":{"title":"Claude Code Crash Course on Agentic Workflows","slug":"claude-code","description":"This course teaches you how to use Claude Code efficiently with slash commands, hooks, parallel workflows, and more. You’ll learn the mindset of working with AI, simplify repetitive tasks and connect tools into one unified agentic workflow.","keywords":"claude code, agentic workflow, slash command, hooks, parallel workflows, ","image":"https://www.dropbox.com/scl/fi/nlvmlv8l7ss5wr2blrwzk/claude-code.jpg?rlkey=blzzwn00ujon53e0xlwwswxa6&dl=0"}},"pageContext":{"slug":"claude-code-using-claude-codes-init-and-claude-md-effectively","contentType":"Courses","isCourse":true,"isLivestream":false,"isTutorial":false,"chapterSlug":"claude-code"}}}