Welcome to the MonDive

Today in MonDive, we’re diving into Claude Code, Anthropic’s AI builder that can turn simple prompts into real projects like apps, dashboards, browser extensions, scripts, and internal tools.

We’ll cover what Claude Code is, how to access it, which model to use, and how to start building without getting lost in technical setup. Then we’ll walk through beginner-friendly examples so you can see how it works in practice.

Alright, let’s dive in.

100+ ChatGPT Prompts to Revolutionize Your Day

Stop guessing what to ask ChatGPT.

HubSpot’s free guide gives you 100+ ready-to-use prompts designed to help you write faster, research smarter, plan better, and get more done with less effort.

Inside, you’ll find prompts to help you:

• Create better content in less time
• Speed up research, planning, and brainstorming
• Turn everyday tasks into faster AI-powered workflows

Whether you use ChatGPT for work, marketing, writing, or productivity, this guide gives you practical prompts you can copy, paste, and use instantly.

What is Claude Code?

Claude Code is an AI coding agent that helps you build real projects using normal language.

You don’t need to write code line by line. You describe what you want to create, such as a website, landing page, dashboard, Chrome extension, browser game, automation tool, or mobile-style web app.

Then Claude Code can plan the project, create the files, write the code, test the result, fix errors, and keep improving it based on your feedback.

The important difference is where it works.

Instead of only giving you code inside a chat window, Claude Code works directly inside a project folder on your computer. That means it can create files, edit them, run commands, preview the app, and help you build something that actually works locally.

How to Access Claude Code

The easiest way to start with Claude Code is through the Claude Desktop app.

Here’s the simple setup:

• Download and install the Claude Desktop app on your computer.

• Sign in to your Claude account.

• Open the Code tab from the sidebar.

• Create a new project folder or select an existing folder from your computer.

• Use that folder as the workspace where Claude Code will create and edit files.

Claude Code can also be used through the terminal or inside an IDE, but beginners can start with the Desktop app because it is more visual and easier to follow.

Claude Code Subscription and Usage Limits

Claude Code is not available on the free plan. You need a paid Claude subscription to use it.

For most beginners, the Pro plan is enough to start learning, testing ideas, and building small personal tools like landing pages, simple apps, Chrome extensions, or dashboards.

Claude usage works in sessions, and the main usage window usually resets every 5 hours. So if you hit a limit during a project, you may need to wait for the next reset before continuing.

You can check your current usage from the Claude settings.

Choose the Right Claude Model

Before building, choose the model based on how difficult the task is. In Claude Code, you can switch models from the model menu at the bottom. In this example, the available options include Opus 4.7, Sonnet 4.6, Haiku 4.5, and Opus 4.6 Legacy.

• Opus: Best for planning and first builds. Use it when Claude needs to understand the full project, make decisions, and create the first working version.

• Sonnet: Best for edits and improvements. Use it for bug fixes, UI changes, small features, layout updates, or copy changes.

• Haiku: Best for quick, lightweight tasks. Use it for simple checks, small edits, or faster, low-cost work.

Claude Code also has an effort setting such as Low, Medium, High, Extra High, and Max. Higher effort gives Claude more room to think, but it can use more of your plan capacity.

A simple rule:

Start with Opus + High effort for the first build. Then use Sonnet for smaller fixes and improvements.

Build a YouTube Transcript Chrome Extension

This Chrome extension is helpful for anyone who uses YouTube transcripts for research, newsletters, summaries, or content writing. Instead of manually removing timestamps, line breaks, and messy formatting, the extension adds a simple button that copies a cleaner version of the transcript directly to your clipboard.

Step 1: Select a Folder and Turn on Plan Mode

Open Claude Desktop, go to the Code tab, and choose where Claude Code should work.

You can either:

• Select an existing folder from your computer

• Or create a new folder and select that as the workspace

After selecting the folder, switch to Plan Mode before sending the first prompt.

Plan Mode helps because:

• Claude first explains what it will build before creating or editing files

• You can review the plan and change anything before approving the build

Step 2: Give Claude Code the Prompt

Now give Claude Code a clear prompt for the extension.

Create a simple Chrome extension for personal use that works on YouTube video pages.

The extension should add a button called “Copy Clean Transcript” when the YouTube transcript panel is opened.

When I click the button, it should:

- extract the visible transcript text from YouTube’s transcript panel
- remove timestamps if they are present
- remove unnecessary line breaks
- join broken transcript lines into normal sentences or paragraphs
- copy the cleaned transcript to my clipboard
- show a small “Copied!” message after the text is copied

Keep it simple and lightweight.

Use Manifest V3.

Do not create a complicated popup unless it is necessary. The main action should happen directly on the YouTube page.

Before building, show me the plan first and explain:
- which files you will create
- how the button will appear when the transcript panel opens
- how I can load and test the extension locally in Chrome

Step 3: Approve the Plan

After you send the prompt, Claude Code will first prepare a plan instead of editing files right away.

Quickly review the plan on the right side. You don’t need to understand every technical line. Just check that it matches the goal:

• It will create a simple Chrome extension

• It will add a Copy Clean Transcript button

• It will work directly on YouTube transcript pages

• It will explain how to load and test the extension in Chrome

Once the plan looks correct, click Accept and allow edits.

This gives Claude Code permission to create the extension files inside your selected folder.

Step 4: Load the Extension in Chrome

Once Claude Code finishes creating the files, open Chrome and install the extension locally.

• Click the Extensions icon from the Chrome toolbar

• Click Manage extensions

• Turn on Developer mode

• Click Load unpacked

• Select the folder Claude Code created for the extension

• Click Select Folder

After that, the extension should appear on the Chrome extensions page. Make sure it is turned on.

Step 5: Fix Bugs With a Screenshot

If something does not work, take a screenshot and send it to Claude Code.

It could be a missing button, wrong placement, Chrome error, or broken copy function. Just show Claude what happened and ask it to fix it.

Sample Prompt:

This part is not working. I attached a screenshot showing the issue.

Please fix it and tell me how to reload and test again.

Claude Code can inspect the problem, edit the extension files, and guide you through testing the fixed version.

Step 6: Use the Extension on YouTube

• Open any YouTube video that has a transcript.

• Under the video description, click …more.

• Click Show transcript.

• When the transcript panel opens, you should see the Copy Clean Transcript button created with Claude Code.

• Click the button to copy the cleaned transcript.

This is a small example, but it shows the real value of Claude Code. You can describe a simple browser tool in plain language, and Claude Code can create the extension files, fix issues, and guide you through using it without you manually writing the code. Once you understand this flow, you can build your own small tools for tasks you repeat often, like cleaning text, copying page data, formatting research notes, or speeding up content workflows.

Build an AI News Ideas Dashboard

This app helps you quickly turn new AI updates into content ideas. It pulls recent AI news from public sources, then gives you ready-to-use ideas for YouTube videos, social posts, and newsletter blurbs in one simple dashboard.

Step 1: Create the Project Memory File

For this dashboard, we’ll add a CLAUDE.md file before building the app.

This file gives Claude Code the context it needs: who the dashboard is for, what kind of AI news to focus on, what tone to use, and what type of content ideas to generate.

• Open the project folder in Claude Code and keep Plan Mode on.

Then send this prompt:

Create a new file named CLAUDE.md in this project folder.

Do not build the app yet. Only create the CLAUDE.md file.

This project will be an AI News Ideas Dashboard that helps turn recent AI news into content ideas for YouTube, LinkedIn/X, and my newsletter.

Add this context to the file:

Audience:
Beginner-friendly AI readers, marketers, creators, founders, and business owners.

Tone:
Clear, simple, practical, newsletter-ready, and easy to understand.

Content focus:
Practical AI tools, business use cases, model updates, product launches, automation ideas, and useful AI workflows.

Avoid:
Research papers, developer-only updates, overly technical language, hype-heavy writing, and long explanations.

Output style:
Short headlines, simple summaries, clickable but not spammy titles, one-sentence social hooks, and 2–3 sentence newsletter blurbs.

After creating the file, confirm that CLAUDE.md was created.

Once Claude creates the CLAUDE.md file, keep it in the same folder. Claude Code can now use that context when building the dashboard, so the content ideas feel less generic and more aligned with your newsletter style.

Step 2: Enter the App Prompt

Now that the CLAUDE.md file is ready, give Claude Code the main prompt for the app.

1. Fetch the latest AI news from 3 to 5 sources (RSS feeds or public APIs like NewsAPI, HackerNews, or similar). Focus on practical AI tools, business use cases, and model updates. No research papers or developer-only content.

2. For each news item, generate three content ideas:
   1. A YouTube video idea with a short clickbait-style title
   2. A social media post idea (LinkedIn or X) with a one-sentence hook
   3. A newsletter blurb idea of two to three sentences written at a 5th grade reading level in a formal tone

3. Display results in a clean dashboard with tabs or sections for each content type. Show the source headline, then the three content ideas below it.

4. Add a refresh button to pull fresh news on demand.

5. Keep the UI minimal and fast. No unnecessary animations or complexity.

Technical requirements:
• Single file React or plain HTML/CSS/JS
• No backend required. Fetch directly from public APIs or RSS feeds in the browser
• If an API key is needed, prompt me for it and store it in a variable at the top of the file

Refer to CLAUDE.md for business context, tone, audience, and content preferences when generating all ideas.

After Claude shows the plan, review it quickly. If it matches the goal, click Accept and allow edits.

Step 3: Preview the Dashboard

Once Claude Code finishes building, open the dashboard in the preview panel.

Here, you should see the AI News Ideas Dashboard working inside Claude Code, with:

• Recent AI news cards

• YouTube title ideas

• Social post hooks

• Newsletter blurbs

• Tabs for switching between content types

• Copy buttons for saving any idea quickly

This gives you a working mini content dashboard directly inside Claude Code. You can review AI updates, switch between content formats, and copy ideas without manually building the app yourself.

Know someone who may be interested?