Step by step 6 steps

1. 1

   Step 1 of 6

   Set up your project and terminals

   • Create a new project folder and open it in Cursor.
   • Open a new terminal by clicking Terminal in the top bar, then New Terminal.
   • Type “Claude” to start Claude Code.
   • Open a second terminal. This is where you will paste your Context7 install script.

2. 2

   Step 2 of 6

   Create your Context7 API key and install script

   • Create a free Context7 account.
   • Click the “Claude Code” tab and copy the installation script for “Remote.” Save it in your notes.
   • Click Create API Key and copy the key.
   • Paste the key into your installation script where it says YOUR_API_KEY.

   Pro tip: Never share your API keys with anyone, even for free platforms like PokéAPI.

   

   Use Context7’s full installation guide if you need more help with the setup.

3. 3

   Step 3 of 6

   Install and verify the Context7 MCP

   Go back to Cursor and paste the installation script into your regular terminal, not the Claude Code terminal.

   

   Check the install with the command claude mcp list.

   

4. 4

   Step 4 of 6

   Add Context7 rules to Claude.md

   Create a Claude.md file. Use it to set rules for how Claude Code works in this project. In this case, specify that Claude Code should always use Context7 when it needs to read documentation.

   Copy

   #Workflow
   Always use context7 when I need code generation, setup or configuration steps, or library/API documentation. This means you should automatically use the Context7 MCP tools to resolve library id and get library docs without me having to explicitly ask.
   
   #PokéAPI
   The pokeapi docs can be found with context7 at <https://pokeapi.co/docs/v2>. Make sure you're using v2 of the docs.

   You can also specify the source of the docs. Verify the source by searching on Context7. For this PokéAPI example, v2 of the API is the version you should use.

5. 5

   Step 5 of 6

   Test Context7 with a PokéAPI planning prompt

   Now test Context7 with PokéAPI, which is free.

   Send a planning prompt to Claude Code in your terminal. You may need to press Enter afterward to approve the tool use. You can arrow down and select “Yes, and never ask again for Context7” so Claude Code does not need to ask for each document it pulls.

   Copy

   I want to build a simple html site that creates random teams of 6 of pokemon. you can “lock” Pokemon into a team to reshuffle the remaining team members or select a specific type and/or generation to filter the random selection by. Write a quick plan in markdown using the pokapi docs.

   

   You can verify that the requests went through in your Context7 dashboard.

   

6. 6

   Step 6 of 6

   Build the first functional version

   After Claude Code lays out the plan, ask it to build a fully functional V1 of the app.

   Pro tip: Press ctrl+o in a Claude Code terminal to see its full thoughts. It is good practice to understand how it thinks.

   For the demo, Claude opened the app and it worked in one shot.

   

Background and context

Who This Is Useful For

• Anyone building a website on top of an external API library
• Anyone coding with an unfamiliar coding language or integration
• Coders using the latest frameworks and libraries

What You Will Build

You will create a Claude Code project connected to Context7, add reusable project rules in Claude.md, and test the setup by generating a plan for a simple PokéAPI site.

• A Context7 MCP connection for Claude Code
• A Claude.md file that tells Claude Code when and how to use Context7
• A PokéAPI project plan generated with current documentation
• A functioning HTML, CSS, and JavaScript PokéAPI app as the example build

What You Need

• Claude Pro plan for Claude Code
• Cursor or another IDE
• An API library with public documentation
• A free Context7 account
• A Context7 API key
• A new project folder

Going Further

• After the setup works, verify requests in your Context7 dashboard, confirm the documentation source and version, then ask Claude Code to build a fully functional V1 of the app from its plan. You can reuse the same Context7 and Claude.md workflow for other libraries, APIs, frameworks, and integrations with public documentation.