show Tool — Generative UI for Discord

Overview

show renders content and presents it via Discord's in-app browser. First mode: markdown. Future modes: dashboard, table, chart, form, etc.

Tool Signature

show({
  channel: string,        // Discord channel ID
  title: string,          // Page title + container heading
  content: string,        // Markdown content (mode=markdown)
  summary?: string,       // Inline summary in Discord message
  mode?: "markdown",      // Future: "dashboard", "table", "chart"
  accentColor?: string,   // Container accent hex
})

Flow

1. Agent calls show()
2. Tool converts markdown → dark-themed HTML
3. Deploys to CF Pages (unique hash URL, ~3s)
4. Sends V2 Container: summary + "📖 View" link button
5. User taps → in-app browser → formatted content

Security

• URLs: {hash}.status-dashboard-dmb.pages.dev — unguessable random hash
• CF Pages: no directory listing, no sitemap, not submitted to search engines
• Google indexing: CF Pages deploys are NOT indexed by default — no robots.txt submission, no sitemap, hash-based URLs are effectively unlisted
• Optional future: CF Access zero-trust, auto-expiry via Workers cron
• No JS, no tracking, no cookies — pure static HTML

Design

• Dark theme (#111827 bg) matching Discord aesthetic
• Mobile-first viewport
• Typography: system fonts, clean hierarchy
• Status indicators, cards, code blocks, tables
• Consistent accent colors matching Discord's palette

Future Modes

• dashboard: Status cards, metrics, progress bars
• table: Sortable columns, filterable rows
• chart: Simple SVG charts (no JS needed)
• form: Input collection via CF Workers
• diff: Side-by-side code comparison

Each mode = a different HTML template. Content structure varies per mode.

Naming

• Tool: show
• Extension: discord-show (replaces discord-display-modal)
• URL pattern: {hash}.status-dashboard-dmb.pages.dev (or dedicated project)