@tomako/tools-runtime 0.1.0

package/src/i18n/messages/en/tools/million-user-growth-test.ts

@@ -0,0 +1,386 @@
+const millionUserGrowthTest = {
+  meta: {
+    title: "Million User Growth Test",
+    displayTitle: "Test when your product will hit 1M users",
+    description: "Enter a product name, current user range, and growth motion to generate a playful million-user prediction card. Results are Tomako AI-style entertainment and not a real forecast.",
+    intro: "Give your product a shareable growth verdict: when it might hit 1M users, what founder archetype it carries, why it may get stuck, and a punchline worth posting.",
+    category: "Playful growth tools",
+    keywords: [
+      "million user test",
+      "product growth test",
+      "startup growth quiz",
+      "AI fun test",
+      "marketing AI agent",
+    ],
+    inputSignal: "Product name, description, user range, and growth motion",
+    outputSignal: "Million-user prediction card + share copy",
+    boundarySignal: "Entertainment result only; not a real forecast or Tomako opinion",
+  },
+  examples: [
+    {
+      label: "New AI utility",
+      input: "Product: PromptBox; users 1-100; content-led growth; shipping founder",
+      expectedOutput: "Creates a playful prediction card with a comic ETA, three tailored reasons, and share copy.",
+    },
+    {
+      label: "Pivot-heavy SaaS",
+      input: "Product: OpsPilot; users 100-1000; community motion; always pivoting",
+      expectedOutput: "Leans into the founder-mode joke while keeping the entertainment-only disclaimer visible.",
+    },
+    {
+      label: "Paid acquisition product",
+      input: "Product: AdMint; users over 10k; ads motion; sales-led founder",
+      expectedOutput: "Uses the larger user range and ads motion in the verdict without presenting it as a real forecast.",
+    },
+  ],
+  widget: {
+    productNameLabel: "Product name",
+    productNamePlaceholder: "Example: Tomako",
+    productDescriptionLabel: "One-line description",
+    productDescriptionPlaceholder: "Example: an AI agent that helps indie teams ship marketing pages",
+    currentUsersLabel: "Current user range",
+    growthMotionLabel: "Main growth motion",
+    founderModeLabel: "Founder mode",
+    submit: "Generate verdict",
+    localFallbackCredit:
+      "Generated by Tomako's local entertainment test: Tomako is a marketing AI agent for content and growth experiments.",
+    formFootnote: "Entertainment output for sharing. This is not business advice.",
+    previewProduct: "Your product",
+    previewTitle: "Result card preview",
+    previewSubtitle: "You will get a shareable growth verdict card.",
+    previewCardKicker: "1M USER TEST",
+    previewEta: "Next life, Q3",
+    resultKicker: "Million-user prediction",
+    scoreLabel: "Vibes score",
+    shareCardLabel: "Share card",
+    adviceLabel: "One unserious suggestion",
+    shareCopyLabel: "Copyable share text",
+    copy: "Copy result",
+    copied: "Copied",
+    reset: "Test again",
+    status: {
+      submitting: "Asking Tomako AI...",
+      running: "Tomako AI is making the verdict spicy enough. Status: {status}",
+      agentResult: "AI result source: Tomako task {taskId}.",
+      localFallback:
+        "Local entertainment result shown because the AI result was not available in time.",
+    },
+    errors: {
+      productName: "Give the product a name a human can read.",
+      productDescription: "Add a clearer description: who it helps and what it does.",
+    },
+    currentUserOptions: [
+      { value: "zero", label: "0, still waiting for the first stranger" },
+      { value: "under_100", label: "1-100, friends and early users" },
+      { value: "under_1k", label: "100-1k, some real signal" },
+      { value: "under_10k", label: "1k-10k, looking for the next jump" },
+      { value: "over_10k", label: "10k+, no longer imaginary" },
+    ],
+    growthMotionOptions: [
+      { value: "content", label: "Content slowly compounding" },
+      { value: "ads", label: "Ads buying a little certainty" },
+      { value: "community", label: "Community and word of mouth" },
+      { value: "friends", label: "Friends, favors, and reposts" },
+      { value: "partnerships", label: "Partners and channels" },
+      { value: "mysticism", label: "Luck, vibes, and algorithm grace" },
+    ],
+    founderModeOptions: [
+      { value: "shipping", label: "Shipping like crazy" },
+      { value: "logo_tuning", label: "Still tuning the logo" },
+      { value: "pivoting", label: "Always considering a pivot" },
+      { value: "waiting", label: "Waiting for inspiration" },
+      { value: "sales", label: "Doing sales anyway" },
+    ],
+    previewItems: [
+      "Predict when 1M users happens",
+      "Assign a founder growth archetype",
+      "Generate three tailored reasons",
+    ],
+    copyBank: {
+      tomakoCredit: "Generated by Tomako AI: a marketing AI agent for content and growth experiments.",
+      disclaimer: "For entertainment only. Not a real forecast, business advice, or Tomako opinion.",
+      eta: {
+        hopeless: [
+          "Next life, Q3",
+          "Never, unless the positioning survives a week",
+          "After the 1,000,001st friendly repost",
+          "2039, once ten strangers understand it",
+        ],
+        slow: [
+          "A random Tuesday in 2032",
+          "After the 47th homepage rewrite",
+          "When investors stop asking about growth",
+          "Reach 1,000 first, then ask again",
+        ],
+        possible: [
+          "2029, thanks to one accidental post",
+          "A small breakout three years from now",
+          "After the first repeatable channel works",
+          "The launch you did not overthink",
+        ],
+        promising: [
+          "18 months, if the signal holds",
+          "After the next clean growth experiment",
+          "Late 2027, if you stop self-sabotaging",
+          "Earlier than you fear, later than the deck",
+        ],
+        rocket: [
+          "Tonight, but the server goes first",
+          "Within 6 months, surprisingly",
+          "After the next right story spreads",
+          "Already moving, if you reduce friction",
+        ],
+      },
+      archetype: {
+        shipping: ["Midnight shipping founder", "Commit-log growth believer", "Builds fast, announces late"],
+        logo_tuning: ["Logo-tuning growth lead", "Brand color maximalist", "Visual polish over market clarity"],
+        pivoting: ["Strategic pivot sprinter", "Always-on pivot radar", "Weekly positioning rewrite club"],
+        waiting: ["Waiting-for-inspiration founder", "Growth astrology observer", "Bookmark-first operator"],
+        sales: ["Talking-to-strangers founder", "Sales-led survival mode", "Market friction enjoyer"],
+      },
+      verdict: {
+        hopeless: [
+          "{product} does have a future; the future filed for an extension.",
+          "After reading {product}, the AI paused to protect your feelings.",
+          "The road to 1M users is not blocked. It has not been built yet.",
+        ],
+        slow: [
+          "{product} has hope, but it is currently keeping the market in suspense.",
+          "This is not slow growth. It is episodic storytelling.",
+          "{product} can see the light. It just has not found the door.",
+        ],
+        possible: [
+          "{product} has a shot, but it needs one repeatable sharing motion.",
+          "It is not unable to break out; it just needs a sharper stranger-friendly angle.",
+          "{product} has some signal. Now it has to leave the friend circle.",
+        ],
+        promising: [
+          "{product} has something. Just do not turn user education into a thesis defense.",
+          "If the value gets clearer, 1M users is not absurd.",
+          "{product} has decent growth vibes, but vibes still need discipline.",
+        ],
+        rocket: [
+          "{product} is starting to look less like a joke and more like something people share.",
+          "This input smells like growth. Scale the server before the ambition.",
+          "{product} is not far from 1M users. It is even closer to fewer meetings.",
+        ],
+      },
+      reasonByUsers: {
+        zero: [
+          "The user count is still warming up in the atmosphere; ten strangers matter more than 1M.",
+          "Your funnel is extremely clean because almost nobody is in it.",
+          "{product} has zero churn, mostly because acquisition has not fully started.",
+        ],
+        under_100: [
+          "Early users are sparks, but sparks do not cook a 1M-user dinner.",
+          "Friendly support is nice; million-user growth usually needs strangers too.",
+          "The signal is enough to test, not enough to write mythology.",
+        ],
+        under_1k: [
+          "There is real feedback now. Turn accidental interest into repeatable acquisition.",
+          "The 100-1k stage is where founders start thinking they understand the market.",
+          "{product} has small-sample signal, but 1M users needs a bigger pipe.",
+        ],
+        under_10k: [
+          "You are past zero. The question is which path can scale.",
+          "Stop asking only whether users like it; ask whether they would share it.",
+          "The user count proves some pull, not yet self-propelled distribution.",
+        ],
+        over_10k: [
+          "10k+ means it is not imaginary. Now every vague message compounds.",
+          "You have a base. The bottleneck is likely distribution clarity.",
+          "{product} has a shot, but every unclear sentence leaks strangers.",
+        ],
+      },
+      reasonByMotion: {
+        content: [
+          "Content compounds, but only if every post is not written for another version of you.",
+          "Content fits {keyword}, but strangers need to care in three seconds.",
+          "You are waiting for a breakout post; the post is waiting for a better title.",
+        ],
+        ads: [
+          "Ads can bring traffic, but if the message is fuzzy, the budget hits 1M first.",
+          "Paid traffic is fine. Landing pages should not read like internal notes.",
+          "Ads amplify strengths and also every unclear promise.",
+        ],
+        community: [
+          "Community growth needs realness; anything too ad-like gets ignored together.",
+          "If {product} can turn user stories into posts, community can beat hard selling.",
+          "Community is not a wishing well. Contribute value before asking for reposts.",
+        ],
+        friends: [
+          "Friend reposts are a starter, not an engine.",
+          "Friends can break the ice, but strangers must understand the product too.",
+          "The next test: can someone who does not know you explain {product}?",
+        ],
+        partnerships: [
+          "Partners can help, but they need a one-sentence reason to care.",
+          "Channels are not magic. They amplify clear value.",
+          "If {product} gives partners a clear win, growth gets easier.",
+        ],
+        mysticism: [
+          "Luck may help, but the algorithm also has KPIs now.",
+          "The growth gods may pass by. Put the value and button in the right place first.",
+          "Luck is real, and it usually likes prepared people.",
+        ],
+      },
+      reasonByFounder: {
+        shipping: [
+          "Shipping speed is real, but users do not walk in because the version number changed.",
+          "Shipping is a strength. Translate every update into user value.",
+          "The build muscle is healthy. Train the distribution muscle too.",
+        ],
+        logo_tuning: [
+          "The logo got 3% more polished. User understanding did not automatically rise.",
+          "Visuals matter, but the missing part may be one repeatable value sentence.",
+          "If brand color created users, you would already be public.",
+        ],
+        pivoting: [
+          "The direction refreshes weekly. Users start to understand, then you move.",
+          "A pivot can save you; too many pivots erase memory.",
+          "Let one positioning idea live for two weeks.",
+        ],
+        waiting: [
+          "Inspiration does arrive, but it rarely brings 1M users with it.",
+          "Waiting for wind is fine. Install the sail too.",
+          "After bookmarking 28 growth ideas, try one.",
+        ],
+        sales: [
+          "Being willing to sell already beats endless polishing.",
+          "Sales creates real feedback. Every rejection is not a cosmic verdict.",
+          "You are closer to growth because you are touching the market.",
+        ],
+      },
+      advice: {
+        hopeless: [
+          "Do not think about 1M yet. This week, get ten strangers to explain {product}.",
+          "Shrink the vision and prove someone wants to leave an email for {keyword}.",
+          "If this hurts, good news: you still care about growth.",
+        ],
+        slow: [
+          "The next move is not another feature. Find one angle you can publish ten times.",
+          "Make the one-line positioning so clear a friend can repeat it.",
+          "Skip the annual growth plan. Validate one entrance this week.",
+        ],
+        possible: [
+          "Take the best current channel, turn it into a checklist, and repeat for two weeks.",
+          "Productize the moment users want to screenshot.",
+          "Do not average your effort. Find one stranger-friendly use case.",
+        ],
+        promising: [
+          "Keep the momentum and make every growth attempt reviewable.",
+          "Put the sentence users repeat on the homepage before adding three features.",
+          "Be optimistic, but do not let optimism replace channel discipline.",
+        ],
+        rocket: [
+          "While the signal is warm, turn the shareable moment into product.",
+          "Do not just celebrate growth. Write down where it came from and why.",
+          "Reduce friction now; do not make people hunt for the share path.",
+        ],
+      },
+      shareTitle: [
+        "I tested when {product} hits 1M users: {score}/100 vibes score",
+        "Tomako says {product}'s million-user fate is suspiciously dramatic",
+        "{product}'s 1M-user prediction is out, and I need a minute",
+      ],
+      shareBody: [
+        "Result: {product} might be the most suspenseful product in {keyword}.",
+        "Not a business forecast. More like a founder mental-state check.",
+        "If you are building a product, test yours too. The advice is funny until it is true.",
+      ],
+    },
+  },
+  guide: {
+    workspaceHint: "Enter five details and generate a million-user verdict card with a joke, product signal, and disclaimer.",
+    workspaceBadge: "For fun",
+    valueKicker: "Why people share it",
+    valueTitle: "The joke works because it feels personal",
+    valueIntro:
+      "This test is not trying to forecast growth. It turns product stage, growth motion, and founder mode into a screenshot-friendly card people can laugh at and repost.",
+    valueItems: [
+      {
+        title: "Input-aware",
+        body: "The result uses product name, description keyword, user range, and growth motion instead of giving everyone the same line.",
+      },
+      {
+        title: "A little sharp",
+        body: "The copy pokes, but does not shame. Even the harsh results are framed as entertainment.",
+      },
+      {
+        title: "Light Tomako context",
+        body: "The card explains Tomako as a marketing AI agent without turning the result into an ad.",
+      },
+    ],
+    standardsKicker: "A good playful test",
+    standardsTitle: "Shareability comes from screenshot value",
+    standardsIntro:
+      "A normal quiz gives a number and ends. A better spreadable result acts like a social badge: it says something about the maker and invites others to try it.",
+    standards: [
+      {
+        title: "Short result",
+        body: "One verdict, one archetype, three reasons, and one suggestion fit into a readable card.",
+      },
+      {
+        title: "Clear boundary",
+        body: "The result says it is AI-style entertainment, not a real forecast or actual Tomako opinion.",
+      },
+      {
+        title: "No hard sell",
+        body: "Tomako positioning stays in the card footer and page copy, supporting trust without stealing the joke.",
+      },
+    ],
+    useCasesKicker: "Where it fits",
+    useCasesTitle: "Use attention to start a growth conversation",
+    useCasesIntro:
+      "This is a light growth experiment, not a serious analysis tool. Users should laugh first, then understand that Tomako helps teams ship content and growth experiments.",
+    useCases: [
+      {
+        title: "Community posts",
+        body: "Founders can share the result card and open a discussion about stage, channels, and growth struggles.",
+      },
+      {
+        title: "Launch warmup",
+        body: "New products can use the test as a low-friction interaction that makes the name easier to remember.",
+      },
+      {
+        title: "Tomako sample",
+        body: "The page shows how Tomako can turn a marketing idea into a publishable interactive tool.",
+      },
+    ],
+    faqKicker: "Boundaries",
+    faqTitle: "To be clear: this is not a forecast",
+    boundaryKicker: "Disclaimer",
+    boundaryTitle: "Results are for entertainment",
+    boundaryBody:
+      "The test does not read real business data or judge product value. All output is entertainment content and must not be used as advice, promise, evaluation, or investment judgment.",
+    faqItems: [
+      {
+        question: "Is the prediction accurate?",
+        answer:
+          "No. It is designed to generate a shareable playful result, not to evaluate a product's real growth ceiling.",
+      },
+      {
+        question: "Why can it say something harsh like 'next life'?",
+        answer:
+          "That is an exaggerated entertainment line from the result library. The page keeps the entertainment-only disclaimer visible.",
+      },
+      {
+        question: "What is Tomako here?",
+        answer:
+          "Tomako is a marketing AI agent for product teams and indie makers. It helps turn ideas into marketing content, tool pages, and growth experiments. This test is a light sample.",
+      },
+    ],
+    ctaHint: "Explore more Tomako marketing tools from the tool list.",
+    ctaPrimary: "Browse more tools",
+    ctaSecondary: "Check a community post",
+    visualAlt: {
+      hero: "A playful growth prediction card and product marketing materials",
+      workspace: "A product brief becoming a shareable prediction card",
+      value: "A rough product idea transformed into a polished share result",
+      share: "A million-user test result being shared in a social feed",
+      boundary: "Entertainment disclaimer and Tomako credit visual",
+    },
+  },
+};
+
+export default millionUserGrowthTest;

package/src/i18n/messages/en/tools/og-image-generator.ts

@@ -0,0 +1,172 @@
+const ogImageGenerator = {
+  meta: {
+    title: "OG Image Generator for Social Previews",
+    description: "Create an Open Graph image from a URL or brief, refine the copy and layout, preview it, then download PNG, JPEG, or WebP for your site or social share.",
+    intro: "Create a social-preview image for a product launch, blog post, or shared link. Start with a page URL or brief, review suggested copy and layout, then preview and download the final file.",
+    category: "Content marketing tools",
+    keywords: [
+      "AI og image generator",
+      "open graph image",
+      "twitter header image",
+      "blog featured image",
+    ],
+    inputSignal: "Page URL, brief, title, subtitle, brand name, colors, size, and template",
+    outputSignal: "AI directions, OG image, X Header, Blog Featured, PNG/JPEG/WebP",
+    boundarySignal: "AI can suggest copy, colors, and layout direction; you review the preview and download the image in your browser",
+  },
+  guide: {
+    heroVisualAlt:
+      "AI social image generator visual showing Open Graph images, X headers, blog covers, and export formats.",
+    workspaceHeading: "Create an OG image from a URL or brief",
+    workspaceHint:
+      "Use the left panel for URL metadata, brief, size, and template controls. Preview on the right, then download PNG, JPEG, or WebP.",
+    workspaceBadge: "AI + PNG / JPEG / WebP",
+    whyEyebrow: "Why Tomako",
+    whyHeading: "Why create OG images with Tomako",
+    valueVisualAlt: "Social image asset bundle visual with link previews, cover images, and downloadable files.",
+    whyItems: [
+      {
+        title: "Start from real Open Graph metadata",
+        body: "Fetch title, description, site name, and existing og image data through the API request before asking AI for directions.",
+      },
+      {
+        title: "AI suggests direction, Canvas exports reliably",
+        body: "AI returns title, subtitle, template, and palette ideas. The final image is rendered locally through Canvas for predictable downloads.",
+      },
+      {
+        title: "One brief covers multiple channels",
+        body: "Open Graph images, Twitter/X headers, and blog featured images share the same copy and brand system, reducing repetitive design work.",
+      },
+    ],
+    implementationHeading: "How to use generated OG assets",
+    implementationIntro:
+      "After download, upload the image to your public folder, CMS, or object storage and reference it with an absolute URL. Social platforms cache previews, so refresh their debuggers after deployment.",
+    implementationItems: [
+      {
+        title: "HTML",
+        body: "Works for static pages, landing pages, and any server-rendered template.",
+        code: `<meta property="og:title" content="Your page title" />
+<meta property="og:description" content="A short preview summary." />
+<meta property="og:image" content="https://example.com/og-image.png" />
+<meta name="twitter:card" content="summary_large_image" />
+<meta name="twitter:image" content="https://example.com/og-image.png" />`,
+      },
+      {
+        title: "Next.js App Router",
+        body: "Use the metadata API in Next.js 13+. Prefer absolute image URLs.",
+        code: `export const metadata = {
+  openGraph: {
+    title: "Your page title",
+    description: "A short preview summary.",
+    images: ["https://example.com/og-image.png"],
+  },
+  twitter: {
+    card: "summary_large_image",
+    images: ["https://example.com/og-image.png"],
+  },
+};`,
+      },
+      {
+        title: "Nuxt",
+        body: "Use Nuxt 3 useSeoMeta from a page or layout.",
+        code: `useSeoMeta({
+  ogTitle: "Your page title",
+  ogDescription: "A short preview summary.",
+  ogImage: "https://example.com/og-image.png",
+  twitterCard: "summary_large_image",
+  twitterImage: "https://example.com/og-image.png",
+});`,
+      },
+      {
+        title: "Vue",
+        body: "In a Vue app, use a head manager or render these tags from your server template.",
+        code: `useHead({
+  meta: [
+    { property: "og:title", content: "Your page title" },
+    { property: "og:image", content: "https://example.com/og-image.png" },
+    { name: "twitter:card", content: "summary_large_image" },
+    { name: "twitter:image", content: "https://example.com/og-image.png" },
+  ],
+});`,
+      },
+    ],
+    tipsEyebrow: "More Tips",
+    tipsHeading: "Check these before publishing",
+    sizesVisualAlt: "Supported sizes visual showing Open Graph, X Header, and Blog Featured ratios.",
+    tipsItems: [
+      {
+        title: "Keep key content in the safe center",
+        body: "X headers and CMS thumbnails can crop the edges. Keep titles, brand names, and primary shapes away from the border.",
+      },
+      {
+        title: "Use one message per image",
+        body: "A social preview is not a full poster. Shorter titles and clearer contrast usually perform better in link cards.",
+      },
+      {
+        title: "Use PNG for the final quality check",
+        body: "PNG is better for sharp text and UI-like graphics. After checking quality, export JPEG or WebP if your publishing surface needs smaller files.",
+      },
+    ],
+    whatYouGetEyebrow: "Outputs and controls",
+    whatYouGetHeading: "What you can review and download",
+    whatYouGetItems: [
+      {
+        title: "Open Graph image",
+        body: "A 1200 x 630 link preview for websites, product pages, launch posts, and social sharing cards.",
+      },
+      {
+        title: "Twitter/X header image",
+        body: "A 1500 x 500 profile or campaign banner for product launches, seasonal campaigns, and personal brands.",
+      },
+      {
+        title: "Blog featured image",
+        body: "A 1600 x 900 article cover for blogs, newsletters, content hubs, and CMS thumbnails.",
+      },
+      {
+        title: "Editable AI suggestions",
+        body: "AI returns several title, subtitle, template, and palette directions that you can select and keep editing.",
+      },
+      {
+        title: "Downloadable files",
+        body: "Export PNG, JPEG, or WebP files for public folders, CMS uploads, object storage, or social profile settings.",
+      },
+      {
+        title: "Clear failure boundaries",
+        body: "When URL fetching, OG metadata, or AI writeback fails, the page shows the real state instead of fake output.",
+      },
+    ],
+    faq: "FAQ",
+    ctaPrimary: "Create social profile assets",
+    ctaSecondary: "Back to all tools",
+    ctaHint:
+      "After the OG image is ready, use the same visual direction for your avatar, profile banner, bio, and other social profile assets.",
+    faqItems: [
+      {
+        question: "What is an OG image?",
+        answer: "An OG image is the preview image that platforms such as Slack, LinkedIn, Facebook, and X may show when someone shares a page URL. Your site still needs an absolute image URL in its Open Graph or Twitter card metadata.",
+      },
+      {
+        question: "What is an X Header image?",
+        answer: "An X header image is the wide banner at the top of an X profile. It is separate from the image used in a shared-link preview, so check the selected canvas size before exporting.",
+      },
+      {
+        question: "What is a Blog Featured image?",
+        answer: "A blog featured image is a cover image used by a CMS, article listing, or newsletter. It can use the same message as an OG image, but its required crop and placement can differ.",
+      },
+      {
+        question: "What is an AI suggestion?",
+        answer: "AI suggestions provide editable direction for copy, color, template, and layout. Treat them as a starting point and check that the final wording, contrast, and brand use are appropriate before publishing.",
+      },
+      {
+        question: "What is a downloadable file?",
+        answer: "You can download PNG, JPEG, or WebP. Upload the chosen file to your CMS, public folder, or image host and reference its public absolute URL in your page metadata.",
+      },
+      {
+        question: "What is a failure boundary hint?",
+        answer: "This tool does not host a permanent public image URL or automatically publish Open Graph tags to your site. URL fetching and AI suggestions can also fail, so check the preview and publish the final asset yourself.",
+      },
+    ]
+  },
+} as const;
+
+export default ogImageGenerator;