> ## Documentation Index
> Fetch the complete documentation index at: https://www.vibecodeapp.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Claude Code

> The default AI coding agent for Vibecode

Vibecode uses Claude Code as its AI coding agent. Claude Code is optimized for building mobile apps — it intelligently uses [haptics](/features/haptics), [sound generation](/features/sound-generation), and [image generation](/features/image-generation) to create polished app experiences.

Claude Code in Vibecode works similarly to the standalone version you may already know. It's been specifically tuned for mobile app generation, so you get the same powerful reasoning and problem-solving abilities, tailored for building mobile experiences.

<iframe src="https://www.youtube.com/embed/jk9Sav2pISU" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## Best Practices for Using Claude Code

1. **Plan before building** - Ask Claude to plan first, then review the plan before execution. This prevents mistakes and saves time.

2. **Be specific and detailed** - Provide clear, precise instructions instead of vague requests. Include expected behaviors and specific details you want handled.

3. **Use persistent context** - Document your coding patterns and style preferences so Claude automatically follows your established patterns without re-explaining them.

4. **Clear context frequently** - Use clear commands between different tasks to reset the context and improve output quality.

5. **Leverage visual references** - Use file mentions and provide screenshots or design mocks when relevant to eliminate ambiguity.

## Next Steps

<CardGroup cols={2}>
  <Card title="Create Your First App" icon="rocket" href="/getting-started/creating-first-app">
    Start building with Claude Code
  </Card>

  <Card title="Vibecode Cloud" icon="cloud" href="/features/vibecode-cloud">
    Add a backend to your app
  </Card>
</CardGroup>
