Cindy Zhu.
← all free guides
Build with AI Claude Code

Build your content dashboard with Claude Code: the full prompt pack

Hey, it's Cindy ๐ŸŒฑ This is every prompt, in order, to build your own content dashboard with Claude Code. One screen for your post manager, analytics, calendar, competitor tracker, and a niche news feed. You describe each page in plain English and Claude writes the code.

The magic here is not the app, it is the method: you do not build a dashboard page by page, you describe each page in normal words, one prompt at a time, and Claude Code builds the real files for you. Copy the prompts below in order, tweak the wording to fit your world, and you will have a working dashboard you actually open every day.

before you start

Before you start (2 honest notes) โœ…

๐Ÿ’ณ A paid Claude plan You need Pro or higher to use Claude Code. See anthropic.com/pricing.
๐Ÿงฐ Node.js installed This builds a real web app (Next.js + Tailwind + shadcn/ui). It is free, and if you get stuck, just ask Claude "how do I install Node.js on my computer" and follow along. No prior coding needed, but it is a real dev stack, not no-code.

copy these

Prompt 1: set up the project + a memory file ๐Ÿงฉ

Start a new project in Claude Code, open a fresh chat, and send this first. The last line is the part most people skip, and it is the secret.

๐Ÿงฉ the scaffold prompt
You are building a content dashboard. Use Next.js, Tailwind CSS, and shadcn/ui.
Create these sections with a shared sidebar: Instagram manager, analytics, content calendar, competitor tracker, and a news feed.
Use a dark theme. Make a placeholder page for each section.
Then create a CLAUDE.md file that saves the tech stack, folder structure, and every decision we make.
๐Ÿง  Why the CLAUDE.md line matters: CLAUDE.md is Claude Code's project memory. It sits in your project (at ./CLAUDE.md or ./.claude/CLAUDE.md) and Claude reads it at the start of every session, so it stops re-explaining your stack and conventions each time. It is treated as strong context, not a hard rule, so think of it as a really good memory rather than a locked config. Docs: code.claude.com/docs/en/memory.

Prompt 2: the Instagram post manager ๐Ÿ“ธ

Your home base: one board for every reel and carousel, grouped by status.

๐Ÿ“ธ the post manager
Build an Instagram manager page. Show my posts as cards grouped by status:
idea, draft, ready, scheduled, posted. Let me add a new post with a caption,
post type (reel, carousel, story), status, and a scheduled date. Dark, clean card layout.

Prompt 3: the analytics page ๐Ÿ“Š

Reach, engagement rate, follower growth and your top posts, all in one look.

๐Ÿ“Š the analytics page
Create an analytics page with stat cards (total posts, reach, engagement rate, followers)
and bar charts for reach and engagement over time. Add a date range picker. Dark theme.
For now, fill it with realistic sample data so I can see the layout.
๐Ÿ“ˆ About real numbers: build it with sample data first, get it looking right, then connect a real source once it works. The free native option is the Instagram Graph API (it needs a Business or Creator account, a linked Facebook Page, and a bit of token setup). If you would rather pay for convenience, tools like Metricool (API on its paid Advanced plan) or Ayrshare can feed the numbers in. Do not expect free, zero-setup live stats, that part always needs a connection.

the calendar

Prompt 4: the content calendar ๐Ÿ—“๏ธ

Every scheduled and posted piece as a coloured chip on a real month view.

๐Ÿ—“๏ธ the content calendar
Build a content calendar page in a monthly view. Each day can hold multiple content items
shown as coloured chips. Colour-code by platform and let me filter by platform. Dark UI.

Prompt 5: the competitor tracker ๐Ÿ”

Track the people you learn from, so you can spot the patterns that work and move faster.

๐Ÿ” the competitor tracker
Create a competitor tracker page. Let me add competitor handles and see their recent posts,
engagement, posting frequency, and growth trends in a sortable table. Dark theme.
Use sample data for now, and note where I would connect a real data source later.

the feed

Prompt 6: the niche news feed ๐Ÿ“ฐ

One feed that pulls the latest news in your space, so you always have something fresh to post about. Swap [your niche] for yours (AI, marketing, fitness, whatever).

๐Ÿ“ฐ the news feed
Build a news feed page that pulls the latest [your niche] news from sites that publish
RSS feeds, into filterable cards showing headline, source, publish date, and a short summary.
Add topic filters and a dark, card-based layout.
๐Ÿ“ก RSS is free and open, so this genuinely costs nothing. Just note that not every site offers a feed, and you point it at the specific sites you want to follow.

the order

How to actually use this ๐Ÿง 

  1. 1๏ธโƒฃ Scaffold it. Run prompt 1 and let Claude scaffold the project and the CLAUDE.md file.
  2. 2๏ธโƒฃ One page at a time. Run prompts 2 to 6 one at a time, checking each page looks right before moving on.
  3. 3๏ธโƒฃ Sample data first. Keep everything on sample data until the whole thing works, then connect real analytics last.
  4. 4๏ธโƒฃ Keep the memory current. Whenever you change something big, ask Claude to update CLAUDE.md so its memory stays current.

Every link in one place ๐Ÿ”—

Want more like this? Follow @cindiezhu for daily AI you can actually use.