Portcast · Prototypes with Claude
🔒 Private — @portcast.io sign-in only

Describe a page. Get a live link. Keep it fresh — automatically.

The Prototypes connector lets you ask Claude for a real web page — a dashboard, a report, a mockup — and get back a link on portcast.team you can share with anyone at Portcast. You edit it by chatting. No code, no files, nothing to install.

This page is itself a prototype — built with one request to Claude, from our own Slack, Notion, ClickUp and HubSpot context.
✎ Manual snapshot · compiled from Slack / Notion / ClickUp / HubSpot · entered 11 Jun 2026 · example numbers are illustrative
20+
live prototypes in the first 2 weeks
4
teammates already building (Maxime, Lily, G, Andrew)
~10 s
from request to a shareable link
1
dashboard already refreshing itself daily

The whole loop is three steps

1

Describe it

“Create a prototype called ‘Pipeline Review’ with my open HubSpot deals by stage…” The better the brief, the better the first version.

2

Get the link

Claude replies with a live portcast.team URL in ~10 seconds (the page finishes publishing ~30s later). Private by default — only @portcast.io accounts can open it.

3

Edit by chatting

“Make the headline bigger.” “Add a churn column.” Same link updates in ~20 seconds. Full history, undo anytime, and teammates can edit the same page too.

“How do I share what Claude made me?” — this is the answer

Artifacts are great in a chat, but the moment you want to hand it to the team, you want this instead:

  • A permanent link on portcast.team — it never changes, even as you edit
  • Org sign-in built in: private to Portcast by default, public only when you say so
  • Anyone on the team can open it — and improve it by asking Claude
  • Every change saved — see history, roll back anytime
  • Data sections can refresh themselves daily from your connectors
  • Built for non-engineers — you never see code or settings

What would your team build?

Real workflows from our own Slack, Notion, ClickUp and HubSpot — each card has a prompt you can copy into Claude and make your own.

Maxime already runs four live sales pages — the 2026 dashboard, net-new, performance, and SDR activity. Here’s what’s next.

Pipeline Review one-pager ⟳ great with daily sync

Open deals from HubSpot by stage with totals and aging — the Monday pipeline call starts from the same page, already up to date.

Say to Claude
Create a prototype called "Pipeline Review". Pull my open deals from HubSpot (stage, amount, close date, owner), group them by stage with totals, and flag anything with no activity in 14+ days. Dense dashboard style. Then implement daily sync. Keep it private.

Trial scorecard per prospect

One page per active trial: goals, KPIs, weekly progress, open issues. Keep it private while you work — flip it public for the prospect call.

Say to Claude
Create a prototype called "Trial Scorecard — [prospect]". Sections: trial goals & KPIs (I'll paste them from our Notion trials table), weekly usage summary, open issues, next milestones. Clean and customer-presentable. Private for now — I'll make it public when we share it.

RFP / RFI answer library

The approved answers we keep rewriting — security, data sources, integrations, SLAs — on one searchable page, each answer copyable.

Say to Claude
Create a prototype called "RFP Answer Library". A searchable page of our standard RFI/RFP answers grouped by topic (security, data coverage, integrations, SLAs). I'll paste the approved answers; add a filter box and make each answer easy to copy. Private.
Devansh’s Monday inbound-leads report used to take 30 minutes by hand. With Claude it’s nearly automatic — the next step is making the report itself a live page, so there’s nothing to copy into a sheet at all.

Inbound leads — weekly ⟳ great with daily sync

New MQLs from HubSpot with company, source and status, plus a week-over-week summary. The page stays fresh on its own.

Say to Claude
Create a prototype called "Inbound Leads — Weekly". From HubSpot, list contacts that became Marketing Qualified Leads in the last 7 days with company, source and current status, plus a summary row comparing to the week before. Then implement daily sync. Private.

Newsletter data preview

Sree’s data-backed sections — top congested ports and 3-month transit trends — as a page the team reviews before each issue goes out.

Say to Claude
Create a prototype called "Newsletter Data Preview — [month]". Two sections to review with the team: top congested ports this month, and 3-month transit-time trends for our key lanes. I'll paste the data; chart it simply with a one-line takeaway per chart. Private.

Competitor-intel weekly digest

The digest project from the marketing backlog: per-competitor news, product changes and pricing signals — with a “so what for us” line each.

Say to Claude
Create a prototype called "Competitor Intel — Weekly". One section per competitor: notable news, product changes, pricing signals, each with a short "so what for us". I'll paste this week's findings; lay it out as a scannable brief with a summary on top. Private.
Lily shipped the CS Dashboard this week. CS lives in per-account channels and weekly reports — every one of those exports can become a live link instead.

Onboarding tracker ⟳ great with daily sync

Every account in the HubSpot onboarding pipeline at its stage, with days-in-stage and owner — stuck accounts flagged automatically.

Say to Claude
Create a prototype called "Onboarding Tracker". From HubSpot's onboarding pipeline, show each account at its current stage with days-in-stage and owner; flag anything stuck more than 14 days. Then implement daily sync. Private.

Weekly trial report per prospect

The weekly trial reports we already assemble — as one live page per prospect, built from the trial’s use cases and KPIs, presentable as-is.

Say to Claude
Create a prototype called "Weekly Trial Report — [prospect]". Use the trial's use cases, KPIs and report requirements (I'll paste them from Notion), this week's tracking stats, and an exceptions section to discuss. Customer-presentable. Private until we send it.

Account health one-pager

Per tier-1 account: onboarding milestones from ClickUp, open issues, usage notes, renewal and QBR dates — updated by chat as things change.

Say to Claude
Create a prototype called "Account Health — [customer]". Sections: onboarding milestones (from our ClickUp Customer Success folder), open issues, weekly usage notes, upcoming renewal and QBR dates. One page I'll keep updating by chat. Private.
Passing mockup files around (and burning quota re-uploading them) was Product’s pain point. A mockup as one live link ends that — and customers can click it, not squint at slides.

Clickable feature mockup

Take a roadmap item — say, Alerting — and put a working-feeling mockup in front of a customer the same afternoon.

Say to Claude
Create a prototype called "Alerting — Concept v1". A clickable mockup: an alert list with severity filters, an alert-detail drawer, and a settings panel for thresholds. Use realistic shipment data. Private — when it's ready for a customer test I'll ask you to make it public.

Roadmap status page ⟳ great with daily sync

Epics from the ClickUp Product folder on a quarter-by-quarter board with a “shipped recently” strip — the answer to “what’s the status of…?”

Say to Claude
Create a prototype called "Product Roadmap — Live". Pull epics from our ClickUp Product folder (status, target month) into a quarter-by-quarter board, with a "shipped recently" strip at the top. Then implement daily sync. Private.

Landing / pricing experiment

A page variant to react to — new positioning, a pricing tier, a feature framing — before anything touches the real site.

Say to Claude
Create a prototype called "Pricing Page — Experiment". Hero with new positioning, a three-tier pricing table with realistic features, and an FAQ. I'll paste our current copy as the starting point; propose one bolder variant of the headline. Private.
“Can I get a port-congestion report for a customer — need it today?” lands on DS every week. Publish it once as a live page, and the next ask is a link — not a notebook.

Sprint health board ⟳ great with daily sync

Customer-impacting issues, sprint progress and bug counts from the ClickUp ETA space — standup starts from the same page every day.

Say to Claude
Create a prototype called "Sprint Health — ETA". From ClickUp's ETA space: open Customer Impacting Issues, current sprint progress, and bugs by status. Then implement daily sync so standup starts from this page. Private.

Customer-ready data explainer

Turn a one-off analysis (port congestion, transit times, carrier performance) into a clean page with charts and a methodology note.

Say to Claude
Create a prototype called "Port Congestion — [port]". I'll paste the query output; chart daily vessel traffic and weekly waiting times (mean/median/p90) for the last 3 months, with a short methodology note. Clean, customer-presentable. Private.

AI agents status board ⟳ great with daily sync

The Notion agents catalog as a live page: each agent’s status, maintainer, hours/month and cost — tracked against the 180 h/month target.

Say to Claude
Create a prototype called "AI Agents — Status Board". From our Notion agents catalog: each agent with status, maintainer, hours/month and token cost, plus total hours against the 180 h/month target. Then implement daily sync. Private.
G has three live pages already — the hiring funnel, employee demographics, and even the offsite proposal. Decision pages beat decks.

Hiring funnel dashboard

Application → screen → interview → offer with counts, conversion and days-open per role — one link for every hiring sync.

Say to Claude
Create a prototype called "Hiring Funnel — Live". Stages from application to offer with counts and conversion rates, plus open roles and days-open. I'll paste this month's numbers; lay it out like a recruiting dashboard. Private.

New joiner guide

A friendly one-pager: first-week checklist, who’s who, tools to set up, FAQs — easier to keep current than a buried doc.

Say to Claude
Create a prototype called "New Joiner Guide". A friendly one-pager: first-week checklist, who's who (roles, not photos), tools to set up, and FAQs. I'll paste our existing onboarding doc; make it skimmable with anchors. Private.

Proposal & decision pages

Offsite options, policy changes, budget proposals — laid out as a page people can actually discuss in the meeting.

Say to Claude
Create a prototype called "Offsite 2027 — Proposal". Three location options as comparison cards (cost per person, travel time, vibe), a recommended option with rationale, and an open-questions section. I'll paste the research. Private.
The Company Health dashboard already refreshes itself every morning — when May closed, the revenue numbers flipped on their own. That green “● Synced daily” chip is the standard we’re rolling out.

Company health — live ● synced daily, in production

MRR, run-rate and net-new from the invoicing sheet, refreshed daily through connectors. Not a concept — it’s running now.

Say to Claude
Open the Company Health Live prototype and tell me: which data on this page is kept fresh, who keeps it fresh, and when it was last checked?

Daily brief ⟳ great with daily sync

Yesterday’s pipeline movement, customer flags from the tier channels, and the day’s focus — one page that’s ready before you are.

Say to Claude
Create a prototype called "Daily Brief". Sections: pipeline deals that moved stage yesterday (HubSpot), customer flags worth knowing (I'll describe which Slack channels matter), and top 3 focus items for today. Then implement daily sync. Private.

Board / QBR one-pager

The quarter on one page — growth, retention, pipeline, costs — with an honest chip on every section saying exactly how fresh it is.

Say to Claude
Create a prototype called "QBR One-Pager — Q2". Four sections: growth, retention, pipeline, costs. I'll paste the numbers and tell you the source and as-of date for each — label every section with its source chip. Private.

Dashboards that keep themselves fresh

Any data section can refresh itself every day. You say “implement daily sync” — Claude sets up the whole thing in the chat, using the connectors you already use. Every section then wears an honest label:

● Synced daily · Customer Invoicing sheet · data as of May 2026
✎ Manual snapshot · Cost tracker · data as of May 2026, entered 5 Jun 2026
No API keys. Ever. Data is read through your existing Claude connectors (Drive, HubSpot, ClickUp…). If a connector is missing, Claude asks you to connect it in Settings — that’s all.
Nothing to install. Claude does the entire setup itself in the chat. No downloads, no scripts, no “put this file on your computer”.
One quiet daily task. A single scheduled task refreshes all the pages you own. New data closed? The page updates and the chip’s date advances. Nothing new? It leaves the page alone.
⚑ If a chat ever asks you for an API token or hands you files to install to “set up sync” — stop and ping Andrew. That’s a bug, not the process.

What it is — and isn’t

Great for

  • One self-contained page: dashboards, reports, one-pagers, guides
  • Realistic tables and charts, tabs, filters, toggles, mock forms
  • Clickable feature mockups that feel real to a customer
  • Pages that refresh themselves daily from your connectors
  • Private-to-Portcast sharing by default; public only when you choose

Not for

  • Multi-page apps, logins, or saving what viewers type in
  • Live data pulled at view-time (daily sync updates once a day instead)
  • Replacing Metabase or the actual product
  • Anything customer-facing going public without your team lead’s nod

Get connected (2 minutes, once)

  1. In Claude.ai → Settings → Connectors, find Prototypes and click Connect. If it isn’t listed, choose “Add custom connector” and paste: https://portcast-prototype-mcp-502842186904.asia-southeast1.run.app/mcp
  2. Sign in with your @portcast.io Google account when prompted.
  3. In a new chat, enable Prototypes in the tools menu near the message box.
  4. Already connected before 11 June 2026? Disconnect and reconnect once — you’ll pick up the newest abilities, including daily sync.
✅ Check it works — say: “Using the Prototypes connector, list my prototypes.” A list (even an empty one) means you’re in. Then pick a card above, copy the prompt, and make it yours.
Stuck or curious? Ask in #ai-claude · Full guide: Prototypes with Claude — setup & first build (Notion)