30 Claude Prompts That Build Board Dashboards

You are a SaaS CFO who builds ARR bridges a director can audit in one sitting. <context> I need an ARR movement bridge as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. Board altitude: movements and mix, not a rep scoreboard. </context> <inputs> - Company name: [COMPANY NAME] - Starting ARR and ending ARR: [ARR BRIDGE] - Movement buckets: [E.G. NEW, EXPANSION, CONTRACTION, CHURN, REACTIVATION] - Period: [E.G. THIS QUARTER AND LAST FOUR QUARTERS] - Currency: [E.G. USD] </inputs> <task> Build the dashboard with: a KPI row (ending ARR, net new ARR, net new versus plan if given, quick ratio); a waterfall for the selected period that starts at beginning ARR, applies each bucket in [ARR BRIDGE], and lands on ending ARR; a four-quarter trend of ending ARR; a mix stacked bar of new versus expansion versus churn; and a table of the largest expansion and churn movements. A period toggle rebuilds the waterfall from that period's movements. Compute ARR as the constant you are given, not as MRR times 12 unless I only give MRR. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - Each waterfall must reconcile beginning plus movements to ending; flag a break. - Churn and contraction render as negatives; cards recompute from the selected period. - Currency consistent; accessible contrast; print-friendly. </constraints> <format> Return the full HTML file, then explain the bridge math and which movement arrays to replace. </format>

You are an FP&A partner who builds net-new ARR versus plan for the board, not a weekly forecast huddle. <context> I need a net new ARR versus plan dashboard as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. Directors, not a sales floor. </context> <inputs> - Company name: [COMPANY NAME] - Period plan for net new ARR: [ARR PLAN] - Monthly net new actuals: [OR INVENT] - Months elapsed and months remaining: [E.G. 2 OF 3] - Currency: [E.G. USD] </inputs> <task> Build the dashboard with: a KPI row (plan, actual, gap, implied monthly pace versus required pace); a grouped bar of plan versus actual by month; a cumulative line of actual versus a straight-line plan; a remaining-gap callout; and a table of months with plan, actual, gap, and on/off-pace status. Compute required monthly pace from remaining gap and remaining months. Clicking a month focuses the table and the callout. Handle a closed period (0 months remaining) without dividing by zero. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - Pace and gap are computed from plan, actual, and remaining months. - Off-pace months flagged with color and the word off-pace. - Currency consistent; accessible contrast; print-friendly. </constraints> <format> Return the full HTML file, then explain the required-pace formula and where to paste monthly actuals. </format>

You are a SaaS CFO who builds NRR pages a board can trust without a seminar. <context> I need a net revenue retention board view as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. One page for directors, not a CS ops queue. </context> <inputs> - Company name: [COMPANY NAME] - Segments: [SEGMENTS] - Period: [E.G. LAST 12 MONTHS] - Beginning MRR or ARR per segment plus expansion, contraction, churn: [OR INVENT] - Target NRR: [E.G. 110%] </inputs> <task> Build the dashboard with: a KPI row (GRR %, NRR %, logo churn %, customers lost); a line of GRR and NRR over time with a 100% reference and the target; a segment table from [SEGMENTS] with customers, beginning revenue, GRR, NRR, logo churn; a bar of NRR by segment; and a callout of the weakest segment versus target. Compute GRR as (beginning - churned - contraction) / beginning and NRR as (beginning - churned - contraction + expansion) / beginning. NRR at or above 100% reads as healthy green. Clicking a segment focuses the table and the callout. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - GRR and NRR are computed from movement constants; show the formulas in comments. - Weakest segment is the lowest NRR, computed, not hardcoded. - Accessible contrast; print-friendly; 100% line labeled. </constraints> <format> Return the full HTML file, then explain GRR versus NRR and how to paste segment movements. </format>

You are a revenue CFO who builds new-versus-expansion bookings pages for the board. <context> I need a new versus expansion bookings dashboard as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. Board mix, not a rep activity board. </context> <inputs> - Company name: [COMPANY NAME] - Booking types and this-period amounts: [BOOKING MIX] - Quota or plan split if you have one: [E.G. 60% NEW, 40% EXPANSION] - Period: [E.G. THIS QUARTER] - Largest deals to name or anonymize: [OR INVENT PLAUSIBLE ONES] </inputs> <task> Build the dashboard with: a KPI row (total bookings, new, expansion, mix % versus the plan split); a stacked bar of bookings by type over the last four periods; a donut of this period; a table of the largest deals in each type; and a callout of which type is thin versus plan. Generate sample bookings with a type field in labeled JS arrays and compute the mix from that field. Clicking a type filters the deal table. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - Mix percentages recompute from the bookings array. - Type colors stay consistent across every chart; currency formatted consistently. - No pipeline coverage or activity widgets. Bookings only. </constraints> <format> Return the full HTML file, then explain how the mix is computed and which array to replace. </format>

You are a SaaS finance lead who builds cohort pages a director can read in sixty seconds. <context> I need a cohort retention dashboard as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. Board briefing, not a CS ops tool. </context> <inputs> - Company name: [COMPANY NAME] - Cohort months to show: [COHORT MONTHS] - Starting logos and starting ARR per cohort: [OR INVENT] - Retention to plot: [LOGO AND REVENUE] - Horizon: [E.G. 12 MONTHS] </inputs> <task> Build the dashboard with: a KPI row (latest-cohort NRR or month-12 revenue retention, worst cohort, blended logo retention at month 6); a line chart of revenue retention by cohort from [COHORT MONTHS]; a second line or toggle for logo retention; a heatmap table (cohort by month, percent remaining); and a callout of the weakest cohort at month 6 and month 12. Clicking a cohort highlights its line and its heatmap row. Compute remaining percent from labeled arrays; do not hardcode the cards. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - Heatmap cells are not color-only; print the percent. - Missing later months show as blank, not as zero retention. - Print-friendly; accessible contrast. </constraints> <format> Return the full HTML file, then explain the retention math and which cohort arrays to replace. </format>

You are a CFO who builds the cash-and-runway board view. <context> I need a board cash and runway view as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. For a board meeting, not a daily treasury desk. </context> <inputs> - Company name: [COMPANY NAME] - Cash, monthly net burn, and runway: [CASH AND RUNWAY] - Committed versus flexible spend this quarter: [AMOUNTS] - Next milestone or raise window: [DATE OR "PATH TO PROFIT"] - Currency: [E.G. USD] </inputs> <task> Build the dashboard with: a KPI row pulled from [CASH AND RUNWAY] (cash, net burn, runway months, cash-out month); a 12-month ending-cash line with a marker on the milestone or raise window; a stacked bar of committed versus flexible spend; a use-of-cash table for the next two quarters; and a short board line that states whether you are raising, cutting, or holding. Include a toggle that cuts 20% of flexible spend and recomputes runway. Clicking the cash-out month marker shows the month name and ending cash. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - Runway and cash-out month recompute when the cut toggle is on. - Do not invent a raise that is not in the inputs; if the path is profit, label it that way. - Currency consistent; accessible contrast; print-friendly. </constraints> <format> Return the full HTML file, then explain the cut-toggle math and which cash constants to replace. </format>

You are a CFO who brings a thirteen week cash view into the board pack without turning the meeting into a treasury workshop. <context> I need a thirteen week cash snapshot as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. Board altitude: trough, large items, and ending cash. Not a payment-run desk. </context> <inputs> - Company name: [COMPANY NAME] - Opening cash: [STARTING CASH] - Inflow types: [E.G. COLLECTIONS, NEW SALES, FINANCING] - Outflow types: [E.G. PAYROLL, VENDORS, TAX, RENT] - Large known items with week: [E.G. PAYROLL EVERY OTHER FRIDAY] - Currency: [E.G. USD] </inputs> <task> Build the dashboard with: a KPI row (opening cash from [STARTING CASH], lowest weekly ending balance, week of the trough, net 13-week change); a combined bar-and-line of weekly inflows, outflows, and ending cash; a scenario toggle (base versus late collections that delays 30% of receipts by two weeks); a compact table of the thirteen weeks; and a list of large known items. Ending cash must carry week to week. Flag any week that goes negative. Keep the table scannable from a TV, not a clerk's worksheet. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - Scenario toggle recomputes the line, table, trough, and flags from the same constants. - Running balance links week to week; never hardcode an ending cash card. - Currency consistent; accessible contrast; print-friendly. </constraints> <format> Return the full HTML file, then explain the late-collections rule and which week array to replace first. </format>

You are a startup CFO who builds burn-path pages so the board sees cash-out and a path to profit on the same screen. <context> I need a burn path and profit-date dashboard as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. Strategy conversation, not a hiring HR tracker. </context> <inputs> - Company name: [COMPANY NAME] - Current cash: [AMOUNT] - Monthly revenue and growth: [AMOUNT AND %] - Current monthly net burn: [MONTHLY BURN] - Planned hires with month and fully loaded cost: [E.G. 1 AE IN MONTH 3 AT $10K] - Horizon: [E.G. 18 MONTHS] </inputs> <task> Build the dashboard with: a KPI row (cash, net burn from [MONTHLY BURN], runway in months, cash-out month, first month net burn is at or below zero if that happens in the horizon); a line of ending cash with and without the planned hires; a hiring toggle that adds or removes those costs and recomputes runway; a table of monthly revenue, costs, net burn, and ending cash; and a callout of how many months the hires consume. Compute runway as cash divided by net burn when burn is positive, and say "not burning" when it is not. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - Hiring toggle updates the line, table, runway card, and cash-out month live. - Ending cash carries month to month; cash-out month is the first month ending cash is at or below zero. - Currency consistent; accessible contrast; print-friendly. </constraints> <format> Return the full HTML file, then explain the runway formula and how to edit the hire list. </format>

You are a startup CFO who builds a use-of-cash board view after a raise. <context> I need a use-of-cash dashboard as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. Board accountability, not an AP clerk screen. </context> <inputs> - Company name: [COMPANY NAME] - Raise amount and close date: [RAISE AMOUNT] - Planned buckets and amounts: [E.G. PRODUCT 40%, GTM 35%, RUNWAY BUFFER 25%] - Spent to date by bucket: [AMOUNTS OR INVENT] - Months since close: [NUMBER] - Currency: [E.G. USD] </inputs> <task> Build the dashboard with: a KPI row (raised from [RAISE AMOUNT], spent, remaining, months of announced plan left); a stacked bar of planned versus spent by bucket; a remaining-cash line since the close date; a table of buckets with plan, spent, remaining, and percent used; and a callout of the bucket that is running hottest versus the announced mix. Clicking a bucket filters the table and the callout. Remaining cash must equal raise minus spent across buckets, plus any leftover not allocated. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - Totals reconcile to the raise; flag a break if spent exceeds a bucket plan. - Bucket click links bar, table, and callout. - Currency consistent; accessible contrast; print-friendly. - Do not invent a new raise or a valuation. </constraints> <format> Return the full HTML file, then explain how to replace the raise, the bucket plan, and spent-to-date. </format>

You are a CFO who builds minimum-cash and covenant pages so the board sees headroom before a breach. <context> I need a minimum cash and covenant dashboard as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. Policy and headroom, not a multi-account clerk view. </context> <inputs> - Company name: [COMPANY NAME] - Minimum cash policy or covenant: [MINIMUM CASH] - Current cash and a 12-month ending-cash path: [OR INVENT] - Other covenants if any: [E.G. DEBT SERVICE, MINIMUM RUNWAY MONTHS, NONE] - Currency: [E.G. USD] </inputs> <task> Build the dashboard with: a KPI row (cash, minimum from [MINIMUM CASH], headroom $, months of headroom, nearest breach month if any); a 12-month ending-cash line with a policy line; a headroom area between cash and the floor; a covenant table with limit, actual, headroom, and pass/fail; and a callout of the first month the sample path would fail. Clicking a covenant row focuses that limit on the chart when it is a cash floor, or highlights the table row otherwise. Compute headroom as cash minus the floor. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - Pass/fail is computed from the constants; do not invent a lender name I did not give. - Months under the floor flagged with color and the word breach. - Currency consistent; accessible contrast; print-friendly. - Label this as a tracker, not legal advice on a credit agreement. </constraints> <format> Return the full HTML file, then explain the headroom math and which cash and limit constants to replace. </format>

You are a chief of staff who builds company OKR scorecards for a board, not a team standup. <context> I need a company OKR scorecard as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. Company objectives only. No sprint boards. </context> <inputs> - Company name: [COMPANY NAME] - Quarter: [E.G. Q3 2026] - Objectives and key results with start, current, and target: [OKR LIST] - RAG rule: [E.G. GREEN AT OR ABOVE 0.7, AMBER AT OR ABOVE 0.4, ELSE RED] - Owner per objective: [NAMES] </inputs> <task> Build the dashboard with: a header for the quarter; a KPI row (objectives green / amber / red, average KR score, count of KRs at zero); a card per objective from [OKR LIST] with owner, RAG, and a bar per KR (current versus target, score 0-1); a table of all KRs sorted worst first; and a callout of the one objective that needs a board decision. Compute KR score as current / target when the KR is a maximize, and as a stated 0-1 if I give a score. Clicking an objective expands its KRs and dims the others. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - Objective RAG is computed from its KR scores against [RAG RULE], not hardcoded. - Status uses color plus the word. Print-friendly. Accessible contrast. - Do not invent a fourth objective. Do not add Jira or sprint widgets. </constraints> <format> Return the full HTML file, then explain the scoring rule and which OKR array to replace. </format>

You are a chief of staff who builds a one-page objective RAG grid for directors. <context> I need an objective RAG grid as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. Board page, not a team wiki. </context> <inputs> - Company name: [COMPANY NAME] - Objectives with owner, score 0-1, and one-line status: [OBJECTIVES] - RAG thresholds: [E.G. 0.7 / 0.4] - Quarter: [E.G. Q3 2026] </inputs> <task> Build the dashboard with: a count banner (green, amber, red); a grid of objective cards from [OBJECTIVES] showing name, owner, score, RAG word, and the one-line status; a simple bar of scores; and a click that opens a footnote with the scoring rule. Filter chips for red only and amber plus red. Compute RAG from the score and the thresholds. Keep it to one screen at laptop width. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - Banner counts recompute from the objectives array. - Color plus word; print-friendly; accessible contrast. - No key-result editor, no check-ins, no chat. Grid only. </constraints> <format> Return the full HTML file, then restate the thresholds and which array to replace. </format>

You are an operator-turned-chief-of-staff who builds KR pace charts a board can read. <context> I need a key result pace dashboard as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. Company KRs, not a sprint burndown. </context> <inputs> - Company name: [COMPANY NAME] - Key results with start, current, target, and type (flow or binary): [KEY RESULTS] - Elapsed fraction of the quarter: [E.G. 0.55] - Quarter: [E.G. Q3 2026] </inputs> <task> Build the dashboard with: a KPI row (KRs on pace, off pace, binary done, binary not done); a bar of current versus a straight-line expected value (start + (target-start) * elapsed) for flow KRs; a table from [KEY RESULTS] with current, expected, implied finish, and on/off-pace; and a callout of the furthest-behind flow KR. Binary KRs show done or not done and are never annualized. Clicking a KR highlights its bar and shows the pace math in a footnote. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - Pace is computed from start, current, target, and elapsed fraction. - Off-pace flagged with color and the word off-pace. Guard divide-by-zero. - Print-friendly; accessible contrast. </constraints> <format> Return the full HTML file, then explain the expected-value formula and which KR array to replace. </format>

You are a CEO who separates board commits from stretch so a miss cannot hide in a hope. <context> I need a commit versus stretch OKR pack as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. Governance, not a team pep wall. </context> <inputs> - Company name: [COMPANY NAME] - Commit objectives and KRs with current and target: [COMMIT LINE] - Stretch objectives and KRs: [OR NONE] - Quarter: [E.G. Q3 2026] - RAG rule for commits: [E.G. GREEN AT 1.0, AMBER AT 0.7, ELSE RED] </inputs> <task> Build the dashboard with: two columns (Commit and Stretch); a KPI row that scores commits only for the banner the board should care about; cards from [COMMIT LINE] with RAG; stretch cards visually quieter; a table of missed commits; and a callout of the one commit that needs a decision. A toggle hides stretch entirely. Clicking a missed commit expands the KR bars. Do not let stretch scores lift the commit banner. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - Commit banner ignores stretch scores. - Missed commits flagged with color and the word missed. - Print-friendly; accessible contrast. </constraints> <format> Return the full HTML file, then explain why stretch is excluded from the banner and which two arrays to replace. </format>

You are a chief of staff who maps company OKR dependencies so the board sees what is blocked, not who is busy. <context> I need a cross-team OKR map as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. Company-level dependencies only. </context> <inputs> - Company name: [COMPANY NAME] - Teams and their top objectives or KRs: [TEAM OKRS] - Known dependencies: [E.G. GTM KR BLOCKED ON PRODUCT KR] - Quarter: [E.G. Q3 2026] </inputs> <task> Build the dashboard with: a KPI row (teams, KRs, blocked count, unique blockers); a simple map or grouped list of [TEAM OKRS] with lines or rows for each dependency; a blocked table (KR, owner team, blocker team, blocker KR, status); and a callout of the blocker that unlocks the most KRs. Clicking a blocked KR highlights its blocker and the other KRs waiting on it. Compute blocked count from the dependency list, not a hardcoded card. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - Do not invent a dependency I did not list. - Blocked rows flagged with color and the word blocked. - Print-friendly; accessible contrast; readable on a laptop, not a 4K ops wall. </constraints> <format> Return the full HTML file, then explain how to replace the team KR list and the dependency list. </format>

You are a chief of staff who builds a top-ten risk register for a board meeting. <context> I need a top board risk register as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. Directors, not an incident floor. </context> <inputs> - Company name: [COMPANY NAME] - Risks with likelihood 1-5, impact 1-5, owner, trend, next review: [RISK LIST] - Score rule: [E.G. LIKELIHOOD TIMES IMPACT] - Board date: [BOARD DATE] </inputs> <task> Build the dashboard with: a KPI row (risk count, red count, highest score, overdue reviews); a ranked table from [RISK LIST] with name, category, L, I, score, owner, trend, next review; a bar of scores; and a click that opens a one-line description plus the last mitigation note (sample text). Sort hottest first. Compute score from the rule. Flag overdue reviews against [BOARD DATE]. Trend shown as rising, stable, or falling with a word, not an icon only. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - Scores and overdue flags are computed, not hardcoded. - Do not invent legal conclusions. This is a register, not counsel. - Print-friendly; accessible contrast; max about ten rows on the first screen. </constraints> <format> Return the full HTML file, then explain the score rule and which risk array to replace. </format>

You are a risk lead who builds a likelihood-impact heat map a board can point at. <context> I need a likelihood-impact heat map as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. Board page, not a SOC wall. </context> <inputs> - Company name: [COMPANY NAME] - Risks with likelihood, impact, and category: [RISK CATEGORIES] - Axis scale: [E.G. 1-5] - Red zone: [E.G. SCORE AT OR ABOVE 15, OR L AND I BOTH AT OR ABOVE 4] </inputs> <task> Build the dashboard with: a 5 by 5 (or stated scale) heat map that plots each risk from [RISK CATEGORIES]; cell counts; a ranked list beside the map; category chips that dim other risks; and a click on a cell that lists the risks in that cell. Compute score and red-zone membership from the constants. Print risk initials or short names in the cell when a cell has one or two risks, and a count when it has more. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - Heat is not color-only; print the count or score class (low, mid, high). - Category chips must filter. Print-friendly; accessible contrast. - Do not invent a residual score I did not give. </constraints> <format> Return the full HTML file, then explain the red-zone rule and which risk array to replace. </format>

You are a chief of staff who tracks mitigations the board already asked for. <context> I need a mitigation status tracker as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. Actions the board can see, not a Jira board. </context> <inputs> - Company name: [COMPANY NAME] - Mitigations with risk name, owner, due date, percent done, status: [MITIGATIONS] - Board date used as today: [BOARD DATE] - Statuses: [E.G. NOT STARTED, ON TRACK, AT RISK, DONE, OVERDUE] </inputs> <task> Build the dashboard with: a KPI row (open, overdue, percent of actions done, risks with no action); a bar of status counts; a table from [MITIGATIONS] with risk, action, owner, due, percent, status; and a click that shows a one-line next step (sample). Overdue is computed when due date is before [BOARD DATE] and status is not done. A chip filter for overdue and at risk. Sort overdue first, then nearest due date. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - Overdue is computed, not a hardcoded label. - Status uses color plus the word. Print-friendly; accessible contrast. - Do not add time-tracking or story points. </constraints> <format> Return the full HTML file, then explain the overdue rule and which mitigation array to replace. </format>

You are a CEO who deep-dives only the red risks so the board can decide, not browse. <context> I need a red-risk deep dive as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. Two to five reds, not the full register. </context> <inputs> - Company name: [COMPANY NAME] - Red risks with inherent score, residual score, trigger, mitigation, and ask: [RED RISKS] - Ask types: [E.G. WATCH, SPEND, DECIDE, ACCEPT] - Board date: [BOARD DATE] </inputs> <task> Build the dashboard with: a header that says these are the reds only; a card per risk from [RED RISKS] with inherent versus residual, trigger, mitigation, owner, and the ask; a small bar of residual scores; and a click that expands the trigger and the ask into a short board paragraph (sample you can edit). A filter by ask type. Residual must be less than or equal to inherent; flag a break if a sample row violates that. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - Do not invent legal, insurance, or valuation advice. - Ask type printed as a word. Print-friendly; accessible contrast. - No incident timeline unless I put dates in the inputs. </constraints> <format> Return the full HTML file, then list which residual and ask fields to replace. </format>

You are a chief of staff who builds a legal and compliance watch for the board. You track items. You do not give legal advice. <context> I need a legal and compliance watch as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. A banner must say this is a tracker, not counsel. </context> <inputs> - Company name: [COMPANY NAME] - Items with type, status, next date, owner, residual exposure if known: [COMPLIANCE ITEMS] - Types: [E.G. PRIVACY, EMPLOYMENT, COMMERCIAL, IP, OTHER] - Board date: [BOARD DATE] </inputs> <task> Build the dashboard with: a banner that this is a tracker I will confirm with counsel; a KPI row (open items, next date, items past [BOARD DATE], items with unknown exposure); a table from [COMPLIANCE ITEMS]; a bar by type; and a click that opens the next date and a one-line note. If residual exposure is unknown, print unknown, do not invent a dollar. Sort by next date. Flag past-due dates as late on the calendar only. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - Do not invent a statute, a fine, a regulator, or a filing outcome. - Unknown exposure stays unknown. Print-friendly; accessible contrast. - No legal conclusion in the callout. </constraints> <format> Return the full HTML file, then list the fields I must replace and repeat that counsel has to review the items. </format>

You are a CFO who builds a single-screen board one-pager that can stand in for the pack when time is short. <context> I need a single-screen board one-pager as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. For a board meeting, not an ops floor. No scroll on a 13-inch laptop if you can help it. </context> <inputs> - Company name: [COMPANY NAME] - Packet date: [PACKET DATE] - Eight KPI actuals and plans: [OR INVENT] - ARR beginning, movements, ending: [OR INVENT] - Cash, burn, runway: [OR INVENT] - Three company OKRs with scores: [OR INVENT] - Three top risks with scores: [OR INVENT] - One-line narrative: [OR DRAFT FROM THE NUMBERS] </inputs> <task> Build one page dated [PACKET DATE] with five tight sections: KPI strip (eight cards, RAG computed); ARR mini-bridge; cash and runway; three OKR scores; three risks. Header holds the one-line narrative. Clicking a section expands a footnote with the definition. Compute RAG, runway, and ARR ending from the constants. Keep type large enough to read from a TV at the end of a table. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - No extra pages, no appendix, no ticket widgets. - Color plus word for RAG. Print-friendly light background. Accessible contrast. - Do not invent a raise or a valuation. </constraints> <format> Return the full HTML file, then list which constants to replace so every section still ties. </format>

You are a CEO writing a pre-read the board can finish in four minutes. <context> I need a CEO pre-read sheet as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. A letter plus numbers. Not a blog and not an ops report. </context> <inputs> - Company name: [COMPANY NAME] - Board date: [BOARD DATE] - The story I will stand behind: [CEO NARRATIVE] - Eight numbers with labels and plans: [OR INVENT] - Three footnotes I must not skip: [E.G. DEFINITION, ONE-TIME ITEM, RISK] - What I will not claim: [OFF-LIMITS] </inputs> <task> Build the dashboard with: a left column of three short paragraphs built from [CEO NARRATIVE] that cite the eight numbers by name; a right column of the eight cards with actual, plan, and RAG; three numbered footnotes; and a click on a footnote that highlights the card it belongs to. If a sample number would break the narrative, flag that sentence. Honor [OFF-LIMITS]. Keep the whole sheet to one printed page at A4 or letter. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - Do not invent a customer, a raise, or a metric I did not give. - Print-friendly; accessible contrast; page-break safe. </constraints> <format> Return the full HTML file, then list which sentences cite which cards and which constants to replace. </format>

You are a board secretary who builds a print pack cover the room can follow. <context> I need a print-friendly pack cover as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. Cover page for a board meeting, not a conference schedule. </context> <inputs> - Company name: [COMPANY NAME] - Meeting date, time, and place or video: [MEETING META] - Agenda items with minutes and owner: [MEETING AGENDA] - Five numbers the room should see before item one: [OR INVENT] - The ask if any: [OR NONE] </inputs> <task> Build the cover with: a header (company, date, closed session flag if I say so); five KPI chips; an agenda table from [MEETING AGENDA] with item, owner, minutes, and a running clock that sums to the meeting length; a box for [THE ASK] or a quiet "no formal ask" if NONE; and a click on an agenda row that highlights that item and shows its minute share of the meeting. Compute total minutes and flag if the sample agenda exceeds the stated meeting length. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - Running clock is computed from the minute column. - Print-friendly; light background; works in grayscale. - No marketing fluff. No ops floor widgets. </constraints> <format> Return the full HTML file, then explain the minute math and which agenda array to replace. </format>

You are a CEO putting a single ask in front of the board. <context> I need an ask-of-the-board page as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. One decision. Not a strategy essay. </context> <inputs> - Company name: [COMPANY NAME] - The ask in one sentence: [THE ASK] - Options (including do nothing): [E.G. APPROVE, APPROVE A SMALLER NUMBER, DEFER, REJECT] - Cash or runway impact per option: [OR INVENT PLAUSIBLE ONES] - Recommendation: [WHICH OPTION] - What happens if we wait one quarter: [COST OF WAIT] </inputs> <task> Build the dashboard with: a header that prints [THE ASK]; option cards with cash impact, runway change, and a one-line tradeoff; a recommended badge on the option I named; a small table of impacts; and a "if we wait" callout from [COST OF WAIT]. Clicking an option highlights it as the working vote and updates a summary line. Compute runway change from the cash constants. Do not invent a valuation or a legal finding. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - Impacts recompute from labeled constants. - Print-friendly; accessible contrast; one screen. - Do not add a second ask. </constraints> <format> Return the full HTML file, then list which impact constants to replace before you send the pack. </format>

You are a CFO who compresses a decision memo onto one slide the board can vote from. <context> I need a decision one-slide as one self-contained HTML file with inline CSS, vanilla JS, and a CDN chart library, seeded with realistic sample data so it opens as a working screen I can click in the chat. One vote. Not a 20-page memo and not an ops runbook. </context> <inputs> - Company name: [COMPANY NAME] - Decision in one line: [THE DECISION] - Context in three bullets I can prove: [CONTEXT] - Options with cost, upside, residual risk: [OR INVENT PLAUSIBLE ONES] - Recommended option: [NAME] - Deadline: [DATE] </inputs> <task> Build one slide with: a title from [THE DECISION]; three context bullets; option cards (cost, upside, residual risk score if given); a recommended outline; a residual-risk line that updates when I click an option; and a deadline chip. Clicking an option makes it the working choice and rewrites a one-line vote text ("Vote: [option] by [DATE]"). Keep it to one screen at 1280px wide and one printed landscape page. </task> <constraints> - One self-contained HTML file; only a charting library from a CDN is allowed. - Do not invent a number I did not give; mark missing upside as unknown. - Print-friendly; accessible contrast; large type. - No appendix link farm. The slide is the memo. </constraints> <format> Return the full HTML file, then list which option fields to replace so the vote line still matches. </format>