Internal · operators

Manual publish helper

Pick a static draft, review the DemoPage-shaped output, then copy JSON or a TypeScript snippet—or append the entry locally with the CLI (see below). The live site never writes files; publishing only happens from your machine.

Local publish (CLI)

From the frontend-tools directory, run npm run publish-demo -- --slug=my-draft-slug (use a real slug from lib/demo-drafts.ts) to append that draft to lib/demo-pages.ts. Use --dry-run to print JSON and TypeScript without editing the file. This page still supports preview and clipboard copy for manual paste.

Intake Drafts queue Public library

Select draft

Tensorfork · Pricing pagePublic path: /demo/tensorfork-pricing-ai-dev-tools

Slug collisionThis slug already exists in the live DEMO_PAGES registry. Rename the draft or edit the existing entry—this helper does not overwrite anything.

Draft summary

Operator context (not part of the published demo record).

Company: Tensorfork
Website: https://tensorfork.example
Contact: Morgan Ellis
Pain points: API credits unclear vs seats · Buyers compare 4+ vendors on pricing alone
Intake notes: PLG motion; wants pricing parity with OpenAI-style credit UI.

Publish-ready record

Below is the exact DemoPage shape. Paste the TypeScript block into lib/demo-pages.ts manually; add trailing commas and wire relatedSlugs as needed.

Normalized JSON

{
  "slug": "tensorfork-pricing-ai-dev-tools",
  "title": "Tensorfork · Pricing page",
  "description": "Reference pricing page layout for Tensorfork, focused on ai dev tools and saas founders—extend in Frontuna when ready.",
  "category": "Pricing Pages",
  "framework": "React",
  "summary": "Pricing page for AI dev tools. Built as a shareable starting point for reviews before production UI. Pain signals: API credits unclear vs seats; Buyers compare 4+ vendors on pricing alone.",
  "included": [
    "Pricing tier cards",
    "Feature comparison list",
    "Billing period toggle (e.g. monthly / annual)",
    "Trust / compliance strip",
    "Primary CTA area"
  ],
  "ctaText": "Start building in Frontuna",
  "ctaUrl": "https://www.frontuna.com",
  "relatedSlugs": [],
  "previewVariant": "pricing",
  "previewLead": "Static showcase drafted from intake for Tensorfork: pricing page for ai dev tools.",
  "whyItWorks": [
    "Surfaces and addresses: API credits unclear vs seats",
    "Surfaces and addresses: Buyers compare 4+ vendors on pricing alone",
    "Uses a familiar pricing page rhythm so stakeholders react to structure, not noise."
  ],
  "useCases": [
    "SaaS founders: primary narrative for this layout",
    "AI dev tools: vertical-specific copy and proof slots",
    "Sales or success: one link for “what we could build” conversations"
  ],
  "buildNotes": [
    "Align token tiers with actual inference SKUs before publishing.",
    "Add SOC2 / DPA strip once legal copy is approved."
  ],
  "stackHint": "Editable in Frontuna as React (or framework-agnostic UI)—same structural contract as other library demos."
}

TypeScript snippet

// Paste into DEMO_PAGES in lib/demo-pages.ts (adjust commas, order, relatedSlugs).
  {
    slug: "tensorfork-pricing-ai-dev-tools",
    title: "Tensorfork · Pricing page",
    description:
      "Reference pricing page layout for Tensorfork, focused on ai dev tools and saas founders—extend in Frontuna when ready.",
    category: "Pricing Pages",
    framework: "React",
    summary:
      "Pricing page for AI dev tools. Built as a shareable starting point for reviews before production UI. Pain signals: API credits unclear vs seats; Buyers compare 4+ vendors on pricing alone.",
    included: [
      "Pricing tier cards",
      "Feature comparison list",
      "Billing period toggle (e.g. monthly / annual)",
      "Trust / compliance strip",
      "Primary CTA area",
    ],
    ctaText: "Start building in Frontuna",
    ctaUrl: "https://www.frontuna.com",
    relatedSlugs: [],
    previewVariant: "pricing",
    previewLead:
      "Static showcase drafted from intake for Tensorfork: pricing page for ai dev tools.",
    whyItWorks: [
      "Surfaces and addresses: API credits unclear vs seats",
      "Surfaces and addresses: Buyers compare 4+ vendors on pricing alone",
      "Uses a familiar pricing page rhythm so stakeholders react to structure, not noise.",
    ],
    useCases: [
      "SaaS founders: primary narrative for this layout",
      "AI dev tools: vertical-specific copy and proof slots",
      "Sales or success: one link for “what we could build” conversations",
    ],
    buildNotes: [
      "Align token tiers with actual inference SKUs before publishing.",
      "Add SOC2 / DPA strip once legal copy is approved.",
    ],
    stackHint:
      "Editable in Frontuna as React (or framework-agnostic UI)—same structural contract as other library demos.",
  },