# Live Subscriber Count Display — Claude Prompt File
**From ChadESheppard.com | Built with Claude**

---

## How to Use This File

1. Open [Claude.ai](https://claude.ai)
2. Start a new conversation
3. Copy everything inside the prompt block below
4. Paste it into Claude and hit send
5. Claude will build the entire display for you

That's it. No coding. No technical knowledge needed.

---

## Your Prompt — Copy Everything Below This Line

---

I want you to build me a full-screen live data display that runs in a browser. Here are my exact requirements:

**What it does:**
- Displays a single live number that fills the entire screen
- The number updates automatically every 30 seconds without refreshing the page
- When the number changes, it briefly animates to draw attention

**Design:**
- Dark background (near black)
- Large, bold number centered on screen — as big as it can go
- A label above the number (I will tell you what to call it)
- A small "LIVE" badge with a pulsing dot so I know it's connected
- A timestamp showing when it last updated
- Corner accent decorations for a clean, professional look
- Color scheme: [REPLACE THIS WITH YOUR COLORS — example: red and black, blue and white, green and dark grey]

**My display details:**
- Label text: [REPLACE THIS — example: Subscribers, Sales Today, Steps, Revenue]
- Channel or source name: [REPLACE THIS — example: Chad Sheppard, My Shopify Store, My Fitness Tracker]

**How it gets the live data:**
Build this so it fetches data from a local proxy running at `http://localhost:3458/subs` — this proxy returns a JSON object with a field called `subscriberCount`. If the proxy is not running, display a dash and show the message "Start your data proxy to go live" instead of an error.

**Output:**
Give me a single complete HTML file with all CSS and JavaScript included. No external dependencies. It should run by simply opening the file in any browser.

When you are done, also give me simple instructions for how to run it full screen in Chrome.

---

## After Claude Builds It — Customization Prompts

Use these follow-up prompts to customize your display. Just paste them into the same Claude conversation.

---

**Change the colors:**
> "Change the color scheme to [your colors]. Update the glow, the live badge, the accent lines, and the corner decorations to match."

---

**Change what number it tracks:**
> "Update the display to show [what you want to track] instead of subscribers. Change the label to [your label] and update the proxy endpoint to [your endpoint] if needed."

---

**Add your logo or channel art:**
> "Add my channel name [your name] at the top of the display in large text with a [your color] accent underneath it."

---

**Make the number bigger or smaller:**
> "Make the number larger — it should be as big as possible while still fitting on a single screen with no scrolling."

---

**Change the update frequency:**
> "Change the refresh interval from 30 seconds to [your interval — example: 10 seconds, 60 seconds]."

---

## Setting Up Your Data Proxy

The display pulls live data from a small local proxy running on your computer. You need this to feed real numbers into the display.

**For YouTube subscribers:**
A full setup guide including the proxy file is available at:
👉 ChadESheppard.com/resources/live-subscriber-count-display

The guide includes:
- The proxy file pre-built and ready to run
- Step by step setup instructions
- How to get your YouTube API key for free
- How to point the display at any data source you want

---

## Running Your Display Full Screen

Once Claude gives you the HTML file:

1. Save it to your desktop as `my-display.html`
2. Open it in Google Chrome
3. Press **F11** to go full screen
4. Move the window to your second monitor or TV
5. Done — it runs automatically from here

---

## Questions or Issues?

Drop a comment on the YouTube Short or visit ChadESheppard.com for the full walkthrough.

Built something cool with this? Share it in the comments — I want to see what you made.

---

*Built by Chad Sheppard | ChadESheppard.com*