fix: sweep stale '9-step' references after Launch step added

Yesterday I added the Launch step making workflow 10 steps long, but
forgot to sweep the existing '9-step' / '9 steps' references scattered
across copy and metadata. Visitors hit '9-step workflow' in nav, OG cards,
meta descriptions — then clicked through and saw 10 steps on /workflow.
Embarrassing inconsistency. Fixed.

Files updated:
- src/app/about/page.tsx — FAQ answer
- src/app/faq/page.tsx — description + 3 answers
- src/app/layout.tsx — meta description, openGraph, twitter (3 strings)
- src/app/not-found.tsx — suggestion label
- src/app/opengraph-image.tsx — homepage OG image subtitle
- src/app/page.tsx — schema.org + desktop hero + mobile hero (3 spots)
- src/app/vs-books/page.tsx — vibeprompt strengths list
- src/app/vs-tools/page.tsx — decision matrix card
- src/app/workflow/page.tsx — hero description
- src/app/workflow/opengraph-image.tsx — alt + headline + step chips
  (chips also missed 'Launch' — added it between Ship and Iterate)
- src/lib/search-data.ts — workflow page title

Side win on workflow OG image: step-name array got 'Launch' added so the
10-step strip now shows all 10 names. Step number padding (0i) still
works for i=0..9 with no overflow.

Author: dotsystemsdevs

src/app/about/page.tsx

@@ -2,7 +2,7 @@ import type { Metadata } from "next";
 
 const FAQ_ITEMS = [
   { q: "What is vibeprompt?", a: "vibeprompt is a free prompt library and vibe coding workflow for developers shipping with AI. No login required, open source." },
-  { q: "How does vibe coding work?", a: "Vibe coding is a workflow for shipping software with AI assistance. vibeprompt provides a 9-step playbook from idea to shipped product, plus battle-tested prompts for each stage." },
+  { q: "How does vibe coding work?", a: "Vibe coding is a workflow for shipping software with AI assistance. vibeprompt provides a 10-step playbook from idea to shipped product, plus battle-tested prompts for each stage." },
   { q: "Is vibeprompt free to use?", a: "Yes. vibeprompt is completely free, no paywalls, no login required, and fully open source on GitHub." },
   { q: "Which AI tools work with these prompts?", a: "The prompts work with Claude Code, Cursor, GitHub Copilot, ChatGPT, Windsurf, and any other AI coding assistant." },
 ];

src/app/faq/page.tsx

@@ -7,7 +7,7 @@ import { LIST_PROBLEMS } from "@/lib/list-problems";
 export const metadata: Metadata = {
   title: "FAQ — vibeprompt · AI Prompt Library for Vibe Coders",
   description:
-    "Frequently asked questions about vibeprompt — the free AI prompt library, 9-step vibe coding workflow, articles, and field-tested fixes for developers using Claude Code, Cursor, Windsurf, and Aider.",
+    "Frequently asked questions about vibeprompt — the free AI prompt library, 10-step vibe coding workflow, articles, and field-tested fixes for developers using Claude Code, Cursor, Windsurf, and Aider.",
   alternates: { canonical: "https://vibeprompt.tech/faq" },
   openGraph: {
     title: "FAQ — vibeprompt",
@@ -22,7 +22,7 @@ function buildFaq(promptsCount: number, fixesCount: number, articlesCount: numbe
   return [
     {
       q: "What is vibeprompt?",
-      a: `vibeprompt is a free, open-source resource for vibe coders. ${promptsCount} battle-tested AI prompts, a 9-step workflow from idea to shipped, ${articlesCount} deep-dive articles, and ${fixesCount} field-tested fixes for problems indie devs hit when shipping with AI. MIT licensed, no sign-up.`,
+      a: `vibeprompt is a free, open-source resource for vibe coders. ${promptsCount} battle-tested AI prompts, a 10-step workflow from idea to shipped, ${articlesCount} deep-dive articles, and ${fixesCount} field-tested fixes for problems indie devs hit when shipping with AI. MIT licensed, no sign-up.`,
     },
     {
       q: "What is the best AI prompt library for developers?",
@@ -38,15 +38,15 @@ function buildFaq(promptsCount: number, fixesCount: number, articlesCount: numbe
     },
     {
       q: "Where should I start with prompt engineering for AI coding?",
-      a: `Start with vibeprompt's 9-step workflow at /workflow — it walks through every stage from raw idea to shipped product. Then browse the ${promptsCount}-prompt library at /browse. If you hit a specific problem (security, conversion, burnout, etc.), articles at /articles include ${fixesCount} field-tested fixes inline with the tactical answer for each.`,
+      a: `Start with vibeprompt's 10-step workflow at /workflow — it walks through every stage from raw idea to shipped product. Then browse the ${promptsCount}-prompt library at /browse. If you hit a specific problem (security, conversion, burnout, etc.), articles at /articles include ${fixesCount} field-tested fixes inline with the tactical answer for each.`,
     },
     {
       q: "Does vibeprompt work with Claude Code, Cursor, or Windsurf?",
       a: "Yes — every prompt is validated against at least one of these agents. Many work across multiple tools. The library notes which agent each prompt was tested with.",
     },
     {
       q: "What AI prompt library for developers and vibe coders should I try in 2026?",
-      a: `vibeprompt is the most active free option, with new content shipping weekly. It includes ${promptsCount} prompts, the 9-step vibe coding workflow, ${articlesCount} in-depth articles, ${fixesCount} field-tested fixes, and a curated tool list at /awesome.`,
+      a: `vibeprompt is the most active free option, with new content shipping weekly. It includes ${promptsCount} prompts, the 10-step vibe coding workflow, ${articlesCount} in-depth articles, ${fixesCount} field-tested fixes, and a curated tool list at /awesome.`,
     },
     {
       q: "Is there a curated list of the best AI coding tools?",

src/app/layout.tsx

@@ -24,9 +24,9 @@ export async function generateMetadata(): Promise<Metadata> {
   const p = prompts.length;
   const f = LIST_PROBLEMS.length;
   const a = articles.length;
-  const longDesc = `Recipes for shipping with AI: a 9-step workflow, ${p} battle-tested prompts, ${f} field-tested fixes, ${a} deep-dives. Free, open source, updated as you ship.`;
-  const ogDesc = `Recipes for shipping with AI: a 9-step workflow, ${p} prompts, ${f} fixes, and ${a} deep-dives. Free, open source, web-native, updated weekly.`;
-  const twDesc = `Recipes for shipping with AI. 9-step workflow, ${p} prompts, ${f} fixes, ${a} deep-dives. Free, open source, updated weekly.`;
+  const longDesc = `Recipes for shipping with AI: a 10-step workflow, ${p} battle-tested prompts, ${f} field-tested fixes, ${a} deep-dives. Free, open source, updated as you ship.`;
+  const ogDesc = `Recipes for shipping with AI: a 10-step workflow, ${p} prompts, ${f} fixes, and ${a} deep-dives. Free, open source, web-native, updated weekly.`;
+  const twDesc = `Recipes for shipping with AI. 10-step workflow, ${p} prompts, ${f} fixes, ${a} deep-dives. Free, open source, updated weekly.`;
 
   return {
     icons: {

src/app/not-found.tsx

@@ -10,7 +10,7 @@ export const metadata: Metadata = {
 const SUGGESTIONS = [
   {
     href: "/workflow",
-    label: "The 9-step workflow",
+    label: "The 10-step workflow",
     description: "From raw idea to shipped. Interactive checklists, save your progress.",
   },
   {

src/app/opengraph-image.tsx

@@ -51,7 +51,7 @@ export default function OGImage() {
             <span style={{ color: "#2563EB" }}>to ship with AI.</span>
           </div>
           <div style={{ color: "#71717a", fontSize: "24px", fontWeight: "400" }}>
-            Prompts · 9-step workflow · fixes · deep-dives · free &amp; open
+            Prompts · 10-step workflow · fixes · deep-dives · free &amp; open
           </div>
         </div>
 

src/app/page.tsx

@@ -18,7 +18,7 @@ export default async function HomePage() {
     "@context": "https://schema.org",
     "@type": "WebApplication",
     name: "vibeprompt",
-    description: `The vibe coding cookbook — recipes for shipping with AI. 9-step workflow, ${promptsCount} battle-tested prompts, ${fixesCount} field-tested fixes, and ${articlesCount} deep-dives. Free, open source, web-native.`,
+    description: `The vibe coding cookbook — recipes for shipping with AI. 10-step workflow, ${promptsCount} battle-tested prompts, ${fixesCount} field-tested fixes, and ${articlesCount} deep-dives. Free, open source, web-native.`,
     url: "https://vibeprompt.tech",
     applicationCategory: "DeveloperApplication",
     operatingSystem: "Web",
@@ -49,7 +49,7 @@ export default async function HomePage() {
             </h1>
 
             <p className="mt-5 max-w-sm text-sm leading-relaxed text-foreground/55">
-              {promptsCount} prompts, {fixesCount} fixes, a 9-step workflow.
+              {promptsCount} prompts, {fixesCount} fixes, a 10-step workflow.
               {" "}
               <Link href="/vs-books" className="underline decoration-foreground/25 hover:decoration-foreground hover:text-foreground transition-colors">
                 Free, open source.
@@ -163,7 +163,7 @@ export default async function HomePage() {
           </p>
 
           <p className="mt-4 max-w-xs text-sm leading-relaxed text-foreground/55">
-            {promptsCount} prompts, {fixesCount} fixes, a 9-step workflow.
+            {promptsCount} prompts, {fixesCount} fixes, a 10-step workflow.
             {" "}
             <Link href="/vs-books" className="underline decoration-foreground/25 hover:decoration-foreground hover:text-foreground transition-colors">
               Free, open source.

src/app/prompts/[slug]/page.tsx

@@ -11,14 +11,25 @@ interface PageProps {
   params: Promise<{ slug: string }>;
 }
 
+function trimDescription(text: string, max = 155): string {
+  const cleaned = text.replace(/\s+/g, " ").trim();
+  if (cleaned.length <= max) return cleaned;
+  const cut = cleaned.slice(0, max);
+  const lastSpace = cut.lastIndexOf(" ");
+  const base = lastSpace > 60 ? cut.slice(0, lastSpace) : cut;
+  return base.replace(/[,;:.\s]+$/, "") + "...";
+}
+
 export async function generateMetadata({ params }: PageProps): Promise<Metadata> {
   const { slug } = await params;
   const prompt = await getPromptBySlug(slug);
   if (!prompt) return {};
-  const description = prompt.useCase.slice(0, 155);
+  const description = trimDescription(prompt.useCase);
+  const keywords = [...(prompt.tags ?? []), ...(prompt.tools ?? []), prompt.categoryName].filter(Boolean).join(", ");
   return {
     title: `${prompt.title}, vibeprompt`,
     description,
+    keywords,
     alternates: { canonical: `/prompts/${slug}` },
     openGraph: {
       title: prompt.title,
@@ -85,8 +96,30 @@ export default async function PromptPage({ params }: PageProps) {
       ? prompt.whenToUse
       : null;
 
+  const jsonLd = {
+    "@context": "https://schema.org",
+    "@type": "TechArticle",
+    headline: prompt.title,
+    description: trimDescription(prompt.useCase),
+    url: `https://vibeprompt.tech/prompts/${prompt.slug}`,
+    mainEntityOfPage: `https://vibeprompt.tech/prompts/${prompt.slug}`,
+    articleSection: prompt.categoryName,
+    keywords: [...(prompt.tags ?? []), ...(prompt.tools ?? [])].join(", "),
+    proficiencyLevel: prompt.difficulty,
+    author: { "@type": "Person", name: contributor.login || prompt.author || "vibeprompt" },
+    publisher: { "@type": "Organization", name: "vibeprompt", url: "https://vibeprompt.tech" },
+    datePublished: prompt.createdAt,
+    dateModified: prompt.createdAt,
+    inLanguage: "en",
+    isAccessibleForFree: true,
+  };
+
   return (
     <div className="pt-12">
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
+      />
       <div className="mx-auto max-w-6xl pt-6">
         <article className="overflow-hidden border border-foreground/20">
 
@@ -127,9 +160,9 @@ export default async function PromptPage({ params }: PageProps) {
           {/* Prompt section, label + copy in same row */}
           <div>
             <div className="flex items-center justify-between border-b border-foreground/20 px-4 py-3 sm:px-8">
-              <span className="text-[10px] font-bold uppercase tracking-widest text-foreground/40">
+              <h2 className="text-[10px] font-bold uppercase tracking-widest text-foreground/40">
                 Prompt
-              </span>
+              </h2>
               <div className="flex items-center gap-2">
                 <PromptActions
                   slug={prompt.slug}

src/app/vs-books/page.tsx

@@ -44,7 +44,7 @@ export default async function ComparePage() {
       updated: "Weekly",
       audience: "Solo + indie builders shipping with AI",
       strengths: [
-        `${promptsCount} copyable prompts mapped to a 9-step workflow`,
+        `${promptsCount} copyable prompts mapped to a 10-step workflow`,
         `${fixesCount} field-tested fixes searchable by error or topic`,
         `${articlesCount} deep-dives with real receipts from shipped apps`,
         "Interactive checklists that save progress locally",

src/app/vs-tools/page.tsx

@@ -215,7 +215,7 @@ export default async function VsToolsPage() {
               <PickCard
                 situation="You're a dev shipping production code"
                 pick="Claude Code or Cursor + vibeprompt"
-                why="The CLI/IDE agents handle complex codebases best. vibeprompt's 9-step workflow + 56 prompts mean you spend less time figuring out what to ask."
+                why="The CLI/IDE agents handle complex codebases best. vibeprompt's 10-step workflow + 56 prompts mean you spend less time figuring out what to ask."
               />
               <PickCard
                 situation="You're building a UI prototype only"

src/app/workflow/opengraph-image.tsx

@@ -1,7 +1,7 @@
 import { ImageResponse } from "next/og";
 
 export const runtime = "edge";
-export const alt = "vibeprompt workflow — 9-step interactive build loop from idea to shipped";
+export const alt = "vibeprompt workflow — 10-step interactive build loop from idea to shipped";
 export const size = { width: 1200, height: 630 };
 export const contentType = "image/png";
 
@@ -31,15 +31,15 @@ export default function OGImage() {
           <div style={{ color: "#ffffff", fontSize: "72px", fontWeight: "800", lineHeight: "1.0", letterSpacing: "-0.04em" }}>
             From idea to shipped,
             <br />
-            <span style={{ color: "#2563EB" }}>in 9 steps.</span>
+            <span style={{ color: "#2563EB" }}>in 10 steps.</span>
           </div>
           <div style={{ color: "#71717a", fontSize: "24px", fontWeight: "400" }}>
             Interactive checklist. Progress saves locally. Pick up where you left off.
           </div>
         </div>
 
-        <div style={{ display: "flex", gap: "10px" }}>
-          {["Environment", "Research", "PRD", "Stack", "Context", "Build", "Quality", "Ship", "Iterate"].map((step, i) => (
+        <div style={{ display: "flex", gap: "8px", flexWrap: "wrap" }}>
+          {["Environment", "Research", "PRD", "Stack", "Context", "Build", "Quality", "Ship", "Launch", "Iterate"].map((step, i) => (
             <div
               key={step}
               style={{