diff --git a/data/data-health.json b/data/data-health.json
index 7a380cf..47b9ca4 100644
--- a/data/data-health.json
+++ b/data/data-health.json
@@ -73,59 +73,59 @@
   },
   "translationsByLocale": {
     "de": {
-      "totalStrings": 423,
+      "totalStrings": 442,
       "matchingEnglish": 106,
-      "matchingEnglishPercent": 25.1
+      "matchingEnglishPercent": 24
     },
     "es": {
-      "totalStrings": 423,
+      "totalStrings": 442,
       "matchingEnglish": 98,
-      "matchingEnglishPercent": 23.2
+      "matchingEnglishPercent": 22.2
     },
     "fr": {
-      "totalStrings": 423,
+      "totalStrings": 442,
       "matchingEnglish": 108,
-      "matchingEnglishPercent": 25.5
+      "matchingEnglishPercent": 24.4
     },
     "id": {
-      "totalStrings": 423,
+      "totalStrings": 442,
       "matchingEnglish": 142,
-      "matchingEnglishPercent": 33.6
+      "matchingEnglishPercent": 32.1
     },
     "ja": {
-      "totalStrings": 423,
+      "totalStrings": 442,
       "matchingEnglish": 100,
-      "matchingEnglishPercent": 23.6
+      "matchingEnglishPercent": 22.6
     },
     "ko": {
-      "totalStrings": 423,
+      "totalStrings": 442,
       "matchingEnglish": 108,
-      "matchingEnglishPercent": 25.5
+      "matchingEnglishPercent": 24.4
     },
     "pt": {
-      "totalStrings": 423,
+      "totalStrings": 442,
       "matchingEnglish": 108,
-      "matchingEnglishPercent": 25.5
+      "matchingEnglishPercent": 24.4
     },
     "ru": {
-      "totalStrings": 423,
+      "totalStrings": 442,
       "matchingEnglish": 117,
-      "matchingEnglishPercent": 27.7
+      "matchingEnglishPercent": 26.5
     },
     "tr": {
-      "totalStrings": 423,
+      "totalStrings": 442,
       "matchingEnglish": 119,
-      "matchingEnglishPercent": 28.1
+      "matchingEnglishPercent": 26.9
     },
     "zh-Hans": {
-      "totalStrings": 423,
+      "totalStrings": 442,
       "matchingEnglish": 92,
-      "matchingEnglishPercent": 21.7
+      "matchingEnglishPercent": 20.8
     },
     "zh-Hant": {
-      "totalStrings": 423,
+      "totalStrings": 442,
       "matchingEnglish": 92,
-      "matchingEnglishPercent": 21.7
+      "matchingEnglishPercent": 20.8
     }
   },
   "issues": [
diff --git a/docs/DATA-HEALTH.md b/docs/DATA-HEALTH.md
index 1b18fd5..2758121 100644
--- a/docs/DATA-HEALTH.md
+++ b/docs/DATA-HEALTH.md
@@ -37,17 +37,17 @@ Exact English matches are a triage signal; product names and technical terms can
 
 | Locale | Comparable strings | Exact English matches | Match rate |
 | --- | ---: | ---: | ---: |
-| de | 423 | 106 | 25.1% |
-| es | 423 | 98 | 23.2% |
-| fr | 423 | 108 | 25.5% |
-| id | 423 | 142 | 33.6% |
-| ja | 423 | 100 | 23.6% |
-| ko | 423 | 108 | 25.5% |
-| pt | 423 | 108 | 25.5% |
-| ru | 423 | 117 | 27.7% |
-| tr | 423 | 119 | 28.1% |
-| zh-Hans | 423 | 92 | 21.7% |
-| zh-Hant | 423 | 92 | 21.7% |
+| de | 442 | 106 | 24% |
+| es | 442 | 98 | 22.2% |
+| fr | 442 | 108 | 24.4% |
+| id | 442 | 142 | 32.1% |
+| ja | 442 | 100 | 22.6% |
+| ko | 442 | 108 | 24.4% |
+| pt | 442 | 108 | 24.4% |
+| ru | 442 | 117 | 26.5% |
+| tr | 442 | 119 | 26.9% |
+| zh-Hans | 442 | 92 | 20.8% |
+| zh-Hant | 442 | 92 | 20.8% |
 
 ## Backlog by Issue Type
 
diff --git a/src/app/[locale]/clis/comparison/page.client.tsx b/src/app/[locale]/clis/comparison/page.client.tsx
index 0a9525e..75bdf60 100644
--- a/src/app/[locale]/clis/comparison/page.client.tsx
+++ b/src/app/[locale]/clis/comparison/page.client.tsx
@@ -6,9 +6,13 @@ import { AppleIcon, LinuxIcon, WindowsIcon } from '@/components/controls/Platfor
 import Footer from '@/components/Footer'
 import Header from '@/components/Header'
 import { Breadcrumb } from '@/components/navigation/Breadcrumb'
+import ComparisonGuide, {
+  type ComparisonGuideContent,
+  type ComparisonGuideItem,
+  type ComparisonProfileItem,
+} from '@/components/product/ComparisonGuide'
 import ComparisonTable, { type ComparisonColumn } from '@/components/product/ComparisonTable'
 import { PricingSummaryValue } from '@/components/product/ProductPricing'
-import { Link } from '@/i18n/navigation'
 import { withVendorCommunityUrlsForCatalog } from '@/lib/community-urls'
 import { clisData, vendorsData } from '@/lib/generated'
 import { getGithubStars } from '@/lib/generated/github-stars'
@@ -28,6 +32,19 @@ type Props = {
 export default function CLIComparisonPageClient({ locale: _locale }: Props) {
   const tPage = useTranslations('pages.comparison')
   const tShared = useTranslations('shared')
+  const guideContent: ComparisonGuideContent = {
+    title: tPage('clis.guide.title'),
+    intro: tPage('clis.guide.intro', { count: clis.length }),
+    criteria: tPage.raw('clis.guide.criteria') as ComparisonGuideItem[],
+    shortlistTitle: tPage('clis.guide.shortlistTitle'),
+    shortlistIntro: tPage('clis.guide.shortlistIntro'),
+    steps: tPage.raw('clis.guide.steps') as ComparisonGuideItem[],
+    profilesTitle: tPage('clis.guide.profilesTitle'),
+    profilesIntro: tPage('clis.guide.profilesIntro'),
+    profiles: tPage.raw('clis.guide.profiles') as ComparisonProfileItem[],
+    faqTitle: tPage('clis.guide.faqTitle'),
+    faqs: tPage.raw('clis.guide.faqs') as ComparisonGuideItem[],
+  }
 
   const columns: ComparisonColumn[] = [
     {
@@ -279,7 +296,7 @@ export default function CLIComparisonPageClient({ locale: _locale }: Props) {
       />
 
       {/* Page Header */}
-      <section className="py-[var(--spacing-lg)] border-[var(--color-border)]">
+      <section className="pt-[var(--spacing-lg)] pb-[var(--spacing-md)]">
         <div className="max-w-8xl mx-auto px-[var(--spacing-md)]">
           <h1 className="text-3xl font-semibold tracking-[-0.03em] mb-[var(--spacing-sm)]">
             {tPage('clis.title')}
@@ -291,28 +308,23 @@ export default function CLIComparisonPageClient({ locale: _locale }: Props) {
       </section>
 
       {/* Comparison Table */}
-      <section className="pb-[var(--spacing-lg)] border-b border-[var(--color-border)]">
+      <section
+        id="comparison-table"
+        className="scroll-mt-32 pb-[var(--spacing-xl)] border-b border-[var(--color-border)]"
+      >
         <div className="max-w-8xl mx-auto px-[var(--spacing-md)]">
           <ComparisonTable
             items={clis as unknown as Record<string, unknown>[]}
             columns={columns}
             itemLinkPrefix={`/clis`}
             nameColumnLabel={tShared('labels.name')}
+            caption={tPage('clis.title')}
+            scrollHint={tPage('table.scrollHint')}
           />
         </div>
       </section>
 
-      {/* Back Navigation */}
-      <section className="py-[var(--spacing-lg)] border-b border-[var(--color-border)]">
-        <div className="max-w-8xl mx-auto px-[var(--spacing-md)]">
-          <Link
-            href="/clis"
-            className="inline-flex items-center gap-[var(--spacing-xs)] text-sm text-[var(--color-text-secondary)] hover:text-[var(--color-text)] transition-colors"
-          >
-            ← {tPage('clis.backTo')}
-          </Link>
-        </div>
-      </section>
+      <ComparisonGuide content={guideContent} />
 
       <Footer />
     </>
diff --git a/src/app/[locale]/extensions/comparison/page.client.tsx b/src/app/[locale]/extensions/comparison/page.client.tsx
index ae19c63..ef51f5b 100644
--- a/src/app/[locale]/extensions/comparison/page.client.tsx
+++ b/src/app/[locale]/extensions/comparison/page.client.tsx
@@ -5,9 +5,13 @@ import { useTranslations } from 'next-intl'
 import Footer from '@/components/Footer'
 import Header from '@/components/Header'
 import { Breadcrumb } from '@/components/navigation/Breadcrumb'
+import ComparisonGuide, {
+  type ComparisonGuideContent,
+  type ComparisonGuideItem,
+  type ComparisonProfileItem,
+} from '@/components/product/ComparisonGuide'
 import ComparisonTable, { type ComparisonColumn } from '@/components/product/ComparisonTable'
 import { PricingSummaryValue } from '@/components/product/ProductPricing'
-import { Link } from '@/i18n/navigation'
 import { withVendorCommunityUrlsForCatalog } from '@/lib/community-urls'
 import { extensionsData, vendorsData } from '@/lib/generated'
 import { getGithubStars } from '@/lib/generated/github-stars'
@@ -27,6 +31,19 @@ type Props = {
 export default function ExtensionComparisonPageClient({ locale: _locale }: Props) {
   const tPage = useTranslations('pages.comparison')
   const tShared = useTranslations('shared')
+  const guideContent: ComparisonGuideContent = {
+    title: tPage('extensions.guide.title'),
+    intro: tPage('extensions.guide.intro', { count: extensions.length }),
+    criteria: tPage.raw('extensions.guide.criteria') as ComparisonGuideItem[],
+    shortlistTitle: tPage('extensions.guide.shortlistTitle'),
+    shortlistIntro: tPage('extensions.guide.shortlistIntro'),
+    steps: tPage.raw('extensions.guide.steps') as ComparisonGuideItem[],
+    profilesTitle: tPage('extensions.guide.profilesTitle'),
+    profilesIntro: tPage('extensions.guide.profilesIntro'),
+    profiles: tPage.raw('extensions.guide.profiles') as ComparisonProfileItem[],
+    faqTitle: tPage('extensions.guide.faqTitle'),
+    faqs: tPage.raw('extensions.guide.faqs') as ComparisonGuideItem[],
+  }
 
   const columns: ComparisonColumn[] = [
     {
@@ -265,7 +282,7 @@ export default function ExtensionComparisonPageClient({ locale: _locale }: Props
       />
 
       {/* Page Header */}
-      <section className="py-[var(--spacing-lg)] border-[var(--color-border)]">
+      <section className="pt-[var(--spacing-lg)] pb-[var(--spacing-md)]">
         <div className="max-w-8xl mx-auto px-[var(--spacing-md)]">
           <h1 className="text-3xl font-semibold tracking-[-0.03em] mb-[var(--spacing-sm)]">
             {tPage('extensions.title')}
@@ -277,28 +294,20 @@ export default function ExtensionComparisonPageClient({ locale: _locale }: Props
       </section>
 
       {/* Comparison Table */}
-      <section className="pb-[var(--spacing-lg)] border-b border-[var(--color-border)]">
+      <section className="pb-[var(--spacing-xl)] border-b border-[var(--color-border)]">
         <div className="max-w-8xl mx-auto px-[var(--spacing-md)]">
           <ComparisonTable
             items={extensions as unknown as Record<string, unknown>[]}
             columns={columns}
             itemLinkPrefix={`/extensions`}
             nameColumnLabel={tShared('labels.name')}
+            caption={tPage('extensions.title')}
+            scrollHint={tPage('table.scrollHint')}
           />
         </div>
       </section>
 
-      {/* Back Navigation */}
-      <section className="py-[var(--spacing-lg)] border-b border-[var(--color-border)]">
-        <div className="max-w-8xl mx-auto px-[var(--spacing-md)]">
-          <Link
-            href="/extensions"
-            className="inline-flex items-center gap-[var(--spacing-xs)] text-sm text-[var(--color-text-secondary)] hover:text-[var(--color-text)] transition-colors"
-          >
-            ← {tPage('extensions.backTo')}
-          </Link>
-        </div>
-      </section>
+      <ComparisonGuide content={guideContent} />
 
       <Footer />
     </>
diff --git a/src/app/[locale]/ides/comparison/page.client.tsx b/src/app/[locale]/ides/comparison/page.client.tsx
index 1acd78c..3230524 100644
--- a/src/app/[locale]/ides/comparison/page.client.tsx
+++ b/src/app/[locale]/ides/comparison/page.client.tsx
@@ -6,9 +6,13 @@ import { AppleIcon, LinuxIcon, WindowsIcon } from '@/components/controls/Platfor
 import Footer from '@/components/Footer'
 import Header from '@/components/Header'
 import { Breadcrumb } from '@/components/navigation/Breadcrumb'
+import ComparisonGuide, {
+  type ComparisonGuideContent,
+  type ComparisonGuideItem,
+  type ComparisonProfileItem,
+} from '@/components/product/ComparisonGuide'
 import ComparisonTable, { type ComparisonColumn } from '@/components/product/ComparisonTable'
 import { PricingSummaryValue } from '@/components/product/ProductPricing'
-import { Link } from '@/i18n/navigation'
 import { withVendorCommunityUrlsForCatalog } from '@/lib/community-urls'
 import { idesData, vendorsData } from '@/lib/generated'
 import { getGithubStars } from '@/lib/generated/github-stars'
@@ -28,6 +32,19 @@ type Props = {
 export default function IDEComparisonPageClient({ locale: _locale }: Props) {
   const tPage = useTranslations('pages.comparison')
   const tShared = useTranslations('shared')
+  const guideContent: ComparisonGuideContent = {
+    title: tPage('ides.guide.title'),
+    intro: tPage('ides.guide.intro', { count: ides.length }),
+    criteria: tPage.raw('ides.guide.criteria') as ComparisonGuideItem[],
+    shortlistTitle: tPage('ides.guide.shortlistTitle'),
+    shortlistIntro: tPage('ides.guide.shortlistIntro'),
+    steps: tPage.raw('ides.guide.steps') as ComparisonGuideItem[],
+    profilesTitle: tPage('ides.guide.profilesTitle'),
+    profilesIntro: tPage('ides.guide.profilesIntro'),
+    profiles: tPage.raw('ides.guide.profiles') as ComparisonProfileItem[],
+    faqTitle: tPage('ides.guide.faqTitle'),
+    faqs: tPage.raw('ides.guide.faqs') as ComparisonGuideItem[],
+  }
 
   const columns: ComparisonColumn[] = [
     {
@@ -279,7 +296,7 @@ export default function IDEComparisonPageClient({ locale: _locale }: Props) {
       />
 
       {/* Page Header */}
-      <section className="py-[var(--spacing-lg)] border-[var(--color-border)]">
+      <section className="pt-[var(--spacing-lg)] pb-[var(--spacing-md)]">
         <div className="max-w-8xl mx-auto px-[var(--spacing-md)]">
           <h1 className="text-3xl font-semibold tracking-[-0.03em] mb-[var(--spacing-sm)]">
             {tPage('ides.title')}
@@ -291,28 +308,20 @@ export default function IDEComparisonPageClient({ locale: _locale }: Props) {
       </section>
 
       {/* Comparison Table */}
-      <section className="pb-[var(--spacing-lg)] border-b border-[var(--color-border)]">
+      <section className="pb-[var(--spacing-xl)] border-b border-[var(--color-border)]">
         <div className="max-w-8xl mx-auto px-[var(--spacing-md)]">
           <ComparisonTable
             items={ides as unknown as Record<string, unknown>[]}
             columns={columns}
             itemLinkPrefix={`/ides`}
             nameColumnLabel={tShared('labels.name')}
+            caption={tPage('ides.title')}
+            scrollHint={tPage('table.scrollHint')}
           />
         </div>
       </section>
 
-      {/* Back Navigation */}
-      <section className="py-[var(--spacing-lg)] border-b border-[var(--color-border)]">
-        <div className="max-w-8xl mx-auto px-[var(--spacing-md)]">
-          <Link
-            href="/ides"
-            className="inline-flex items-center gap-[var(--spacing-xs)] text-sm text-[var(--color-text-secondary)] hover:text-[var(--color-text)] transition-colors"
-          >
-            ← {tPage('ides.backTo')}
-          </Link>
-        </div>
-      </section>
+      <ComparisonGuide content={guideContent} />
 
       <Footer />
     </>
diff --git a/src/components/product/ComparisonGuide.tsx b/src/components/product/ComparisonGuide.tsx
new file mode 100644
index 0000000..feb3514
--- /dev/null
+++ b/src/components/product/ComparisonGuide.tsx
@@ -0,0 +1,139 @@
+'use client'
+
+import { Link } from '@/i18n/navigation'
+
+export type ComparisonGuideItem = {
+  title: string
+  description: string
+}
+
+export type ComparisonProfileItem = ComparisonGuideItem & {
+  href: string
+}
+
+export type ComparisonGuideContent = {
+  title: string
+  intro: string
+  criteria: ComparisonGuideItem[]
+  shortlistTitle: string
+  shortlistIntro: string
+  steps: ComparisonGuideItem[]
+  profilesTitle: string
+  profilesIntro: string
+  profiles: ComparisonProfileItem[]
+  faqTitle: string
+  faqs: ComparisonGuideItem[]
+}
+
+type Props = {
+  content: ComparisonGuideContent
+}
+
+export default function ComparisonGuide({ content }: Props) {
+  return (
+    <>
+      <section className="border-b border-[var(--color-border)]">
+        <div className="max-w-6xl mx-auto px-[var(--spacing-md)] py-[var(--spacing-xl)]">
+          <div className="max-w-3xl">
+            <h2 className="text-2xl font-semibold tracking-[-0.025em] mb-[var(--spacing-sm)]">
+              {content.title}
+            </h2>
+            <p className="text-base leading-relaxed text-[var(--color-text-secondary)]">
+              {content.intro}
+            </p>
+          </div>
+
+          <div className="grid md:grid-cols-2 border-t border-l border-[var(--color-border)] mt-[var(--spacing-lg)]">
+            {content.criteria.map(item => (
+              <article
+                key={item.title}
+                className="p-[var(--spacing-md)] border-r border-b border-[var(--color-border)]"
+              >
+                <h3 className="text-base font-semibold mb-[var(--spacing-xs)]">{item.title}</h3>
+                <p className="text-sm leading-relaxed text-[var(--color-text-secondary)]">
+                  {item.description}
+                </p>
+              </article>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      <section className="border-b border-[var(--color-border)]">
+        <div className="max-w-6xl mx-auto px-[var(--spacing-md)] py-[var(--spacing-xl)]">
+          <div className="max-w-3xl">
+            <h2 className="text-2xl font-semibold tracking-[-0.025em] mb-[var(--spacing-sm)]">
+              {content.shortlistTitle}
+            </h2>
+            <p className="text-base leading-relaxed text-[var(--color-text-secondary)]">
+              {content.shortlistIntro}
+            </p>
+          </div>
+
+          <ol className="grid md:grid-cols-3 gap-0 border-t border-l border-[var(--color-border)] mt-[var(--spacing-lg)]">
+            {content.steps.map((step, index) => (
+              <li
+                key={step.title}
+                className="p-[var(--spacing-md)] border-r border-b border-[var(--color-border)]"
+              >
+                <span className="block text-xs font-semibold tracking-wider text-[var(--color-text-muted)] mb-[var(--spacing-sm)]">
+                  {String(index + 1).padStart(2, '0')}
+                </span>
+                <h3 className="text-base font-semibold mb-[var(--spacing-xs)]">{step.title}</h3>
+                <p className="text-sm leading-relaxed text-[var(--color-text-secondary)]">
+                  {step.description}
+                </p>
+              </li>
+            ))}
+          </ol>
+
+          <div className="mt-[var(--spacing-xl)]">
+            <h3 className="text-lg font-semibold mb-[var(--spacing-sm)]">
+              {content.profilesTitle}
+            </h3>
+            <p className="text-sm leading-relaxed text-[var(--color-text-secondary)] max-w-3xl mb-[var(--spacing-md)]">
+              {content.profilesIntro}
+            </p>
+            <div className="grid sm:grid-cols-2 border-t border-l border-[var(--color-border)]">
+              {content.profiles.map(profile => (
+                <Link
+                  key={profile.href}
+                  href={profile.href}
+                  className="group p-[var(--spacing-md)] border-r border-b border-[var(--color-border)] hover:bg-[var(--color-hover)] transition-colors"
+                >
+                  <span className="block text-sm font-semibold group-hover:underline">
+                    {profile.title}
+                  </span>
+                  <span className="block text-sm leading-relaxed text-[var(--color-text-secondary)] mt-[var(--spacing-xs)]">
+                    {profile.description}
+                  </span>
+                </Link>
+              ))}
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section>
+        <div className="max-w-6xl mx-auto px-[var(--spacing-md)] pt-[var(--spacing-xl)] pb-[var(--spacing-md)]">
+          <h2 className="text-2xl font-semibold tracking-[-0.025em] mb-[var(--spacing-lg)]">
+            {content.faqTitle}
+          </h2>
+          <div className="border-t border-[var(--color-border)]">
+            {content.faqs.map(faq => (
+              <article
+                key={faq.title}
+                className="grid md:grid-cols-[minmax(0,1fr)_minmax(0,2fr)] gap-[var(--spacing-md)] py-[var(--spacing-md)] border-b border-[var(--color-border)]"
+              >
+                <h3 className="text-base font-semibold">{faq.title}</h3>
+                <p className="text-sm leading-relaxed text-[var(--color-text-secondary)]">
+                  {faq.description}
+                </p>
+              </article>
+            ))}
+          </div>
+        </div>
+      </section>
+    </>
+  )
+}
diff --git a/src/components/product/ComparisonTable.tsx b/src/components/product/ComparisonTable.tsx
index e0f6c19..4c6d1c8 100644
--- a/src/components/product/ComparisonTable.tsx
+++ b/src/components/product/ComparisonTable.tsx
@@ -1,7 +1,9 @@
 'use client'
 
-import { useEffect, useRef, useState } from 'react'
+import { useEffect, useMemo, useRef, useState } from 'react'
+import { DeprecatedBadge } from '@/components/controls/DeprecatedBadge'
 import { Link } from '@/i18n/navigation'
+import { sortDeprecatedLast } from '@/lib/deprecated'
 
 export interface ComparisonColumn {
   key: string
@@ -20,6 +22,8 @@ export interface ComparisonTableProps {
   itemIdKey?: string
   stickyTopOffset?: number
   nameColumnLabel?: string
+  caption: string
+  scrollHint: string
 }
 
 export default function ComparisonTable({
@@ -30,6 +34,8 @@ export default function ComparisonTable({
   itemIdKey = 'id',
   stickyTopOffset,
   nameColumnLabel = 'Name',
+  caption,
+  scrollHint,
 }: ComparisonTableProps) {
   const containerRef = useRef<HTMLDivElement>(null)
   const tableRef = useRef<HTMLTableElement>(null)
@@ -41,6 +47,7 @@ export default function ComparisonTable({
   const [scrollLeft, setScrollLeft] = useState<number>(0)
   const [calculatedOffset, setCalculatedOffset] = useState<number>(0)
   const columnWidthsMeasured = useRef(false)
+  const sortedItems = useMemo(() => sortDeprecatedLast(items), [items])
 
   useEffect(() => {
     // Calculate sticky offset based on header and breadcrumb heights
@@ -116,6 +123,7 @@ export default function ComparisonTable({
       {/* Fixed header wrapper with clipping */}
       {isFixed && containerRef.current && (
         <div
+          aria-hidden="true"
           className="fixed z-30 overflow-hidden"
           style={{
             top: `${calculatedOffset}px`,
@@ -167,9 +175,13 @@ export default function ComparisonTable({
         </div>
       )}
 
+      <p className="mb-[var(--spacing-xs)] text-xs text-[var(--color-text-muted)] md:hidden">
+        {scrollHint}
+      </p>
       <div ref={containerRef} className="w-full overflow-x-auto relative">
         <div className="min-w-[1200px]">
           <table ref={tableRef} className="w-full border-collapse">
+            <caption className="sr-only">{caption}</caption>
             {/* Placeholder to prevent content jump when thead becomes fixed */}
             {isFixed && (
               <thead aria-hidden="true" style={{ visibility: 'hidden' }}>
@@ -212,12 +224,16 @@ export default function ComparisonTable({
               className={!isFixed ? 'relative z-10 bg-[var(--color-bg)]' : 'sr-only'}
             >
               <tr className="border-b border-t border-[var(--color-border-strong)]">
-                <th className="sticky left-0 z-50 bg-[var(--color-bg)] px-[var(--spacing-md)] py-[var(--spacing-sm)] text-left text-sm font-semibold uppercase tracking-wider text-[var(--color-text-muted)] border-r border-[var(--color-border)]">
+                <th
+                  scope="col"
+                  className="sticky left-0 z-50 bg-[var(--color-bg)] px-[var(--spacing-md)] py-[var(--spacing-sm)] text-left text-sm font-semibold uppercase tracking-wider text-[var(--color-text-muted)] border-r border-[var(--color-border)]"
+                >
                   {nameColumnLabel}
                 </th>
                 {columns.map(column => (
                   <th
                     key={column.key}
+                    scope="col"
                     className="pl-[var(--spacing-md)] pr-0 py-[var(--spacing-sm)] text-left text-sm font-semibold uppercase tracking-wider text-[var(--color-text-muted)] whitespace-nowrap"
                     style={{
                       ...(column.minWidth && { minWidth: column.minWidth }),
@@ -231,21 +247,27 @@ export default function ComparisonTable({
               </tr>
             </thead>
             <tbody>
-              {items.map((item, index) => (
+              {sortedItems.map((item, index) => (
                 <tr
                   key={item[itemIdKey] as string}
                   className={`border-b border-[var(--color-border)] hover:bg-[var(--color-hover)] transition-colors ${
                     index % 2 === 0 ? 'bg-[var(--color-bg)]' : 'bg-[var(--color-hover)]'
                   }`}
                 >
-                  <td className="sticky left-0 z-10 bg-inherit px-[var(--spacing-md)] py-[var(--spacing-sm)] font-medium border-r border-[var(--color-border)] whitespace-nowrap">
-                    <Link
-                      href={`${itemLinkPrefix}/${item[itemIdKey] as string}`}
-                      className="text-[var(--color-text)] hover:text-[var(--color-text-secondary)] hover:underline transition-colors"
-                    >
-                      {item[itemNameKey] as string}
-                    </Link>
-                  </td>
+                  <th
+                    scope="row"
+                    className="sticky left-0 z-10 bg-inherit px-[var(--spacing-md)] py-[var(--spacing-sm)] text-left font-medium border-r border-[var(--color-border)] whitespace-nowrap"
+                  >
+                    <div className="inline-flex items-center gap-[var(--spacing-xs)]">
+                      <Link
+                        href={`${itemLinkPrefix}/${item[itemIdKey] as string}`}
+                        className="text-[var(--color-text)] hover:text-[var(--color-text-secondary)] hover:underline transition-colors"
+                      >
+                        {item[itemNameKey] as string}
+                      </Link>
+                      {item.deprecated === true && <DeprecatedBadge />}
+                    </div>
+                  </th>
                   {columns.map(column => (
                     <td
                       key={column.key}
diff --git a/src/lib/deprecated.ts b/src/lib/deprecated.ts
new file mode 100644
index 0000000..ae74bc3
--- /dev/null
+++ b/src/lib/deprecated.ts
@@ -0,0 +1,15 @@
+type Deprecatable = {
+  deprecated?: boolean
+}
+
+export function sortDeprecatedLast<T extends Deprecatable>(items: readonly T[]): T[] {
+  return items
+    .map((item, index) => ({ item, index }))
+    .sort((a, b) => {
+      const deprecatedOrder =
+        Number(a.item.deprecated === true) - Number(b.item.deprecated === true)
+
+      return deprecatedOrder || a.index - b.index
+    })
+    .map(({ item }) => item)
+}
diff --git a/src/lib/metadata/generators.ts b/src/lib/metadata/generators.ts
index eb45106..0042fc3 100644
--- a/src/lib/metadata/generators.ts
+++ b/src/lib/metadata/generators.ts
@@ -378,7 +378,7 @@ export async function generateComparisonMetadata(
   const tPage = await getTranslations({ locale, namespace: 'pages.comparison' })
 
   // Build title and description using category-specific translations
-  const title = `${tPage(`${category}.title`)} ${METADATA_DEFAULTS.currentYear}`
+  const title = tPage(`${category}.title`)
   const description = tPage(`${category}.subtitle`)
 
   // Build keywords
diff --git a/tests/deprecated-order.test.ts b/tests/deprecated-order.test.ts
new file mode 100644
index 0000000..a3f5a5a
--- /dev/null
+++ b/tests/deprecated-order.test.ts
@@ -0,0 +1,44 @@
+import { describe, expect, it } from 'vitest'
+import { sortDeprecatedLast } from '@/lib/deprecated'
+
+describe('deprecated product ordering', () => {
+  it('pins deprecated products after active products', () => {
+    const items = [
+      { id: 'deprecated-a', deprecated: true },
+      { id: 'active-a' },
+      { id: 'deprecated-b', deprecated: true },
+      { id: 'active-b', deprecated: false },
+    ]
+
+    expect(sortDeprecatedLast(items).map(item => item.id)).toEqual([
+      'active-a',
+      'active-b',
+      'deprecated-a',
+      'deprecated-b',
+    ])
+  })
+
+  it('preserves the existing order within each lifecycle group', () => {
+    const items = [
+      { id: 'active-b' },
+      { id: 'active-a' },
+      { id: 'deprecated-b', deprecated: true },
+      { id: 'deprecated-a', deprecated: true },
+    ]
+
+    expect(sortDeprecatedLast(items).map(item => item.id)).toEqual([
+      'active-b',
+      'active-a',
+      'deprecated-b',
+      'deprecated-a',
+    ])
+  })
+
+  it('does not mutate the input array', () => {
+    const items = [{ id: 'deprecated', deprecated: true }, { id: 'active' }]
+
+    sortDeprecatedLast(items)
+
+    expect(items.map(item => item.id)).toEqual(['deprecated', 'active'])
+  })
+})
diff --git a/translations/de/pages/comparison.json b/translations/de/pages/comparison.json
index 68b9990..cd102de 100644
--- a/translations/de/pages/comparison.json
+++ b/translations/de/pages/comparison.json
@@ -1,6 +1,86 @@
 {
   "clis": {
-    "backTo": "Zurück zu CLIs",
+    "guide": {
+      "criteria": [
+        {
+          "description": "Beginnen Sie mit den Betriebssystemen Ihres Teams. Eine CLI für alle benötigten Entwicklungsrechner lässt sich leichter standardisieren und warten.",
+          "title": "Plattform-Eignung"
+        },
+        {
+          "description": "Vergleichen Sie Gratisangebote und Einstiegspreise und prüfen Sie danach die offizielle Preisseite. Nutzungslimits und enthaltene Modelle beeinflussen die tatsächlichen Kosten.",
+          "title": "Preismodell"
+        },
+        {
+          "description": "Lizenz- und GitHub-Links zeigen, ob ein Tool quelloffen oder proprietär ist, und ermöglichen die Prüfung des Projekts.",
+          "title": "Lizenz und Quellcode"
+        },
+        {
+          "description": "Website, Dokumentation, Download, Änderungsprotokoll und Issues zeigen Installation, Updates und Support.",
+          "title": "Prüfpfad"
+        }
+      ],
+      "faqTitle": "Fragen zu KI-Coding-CLIs",
+      "faqs": [
+        {
+          "description": "Eine KI-Coding-CLI ist ein Kommandozeilenwerkzeug zum Prüfen von Repositories, Bearbeiten von Dateien, Ausführen von Befehlen und Erledigen von Coding-Aufgaben. Produkte unterscheiden sich bei Modellzugang, Plattformen, Preisen, Lizenzen und Ausführungskontrolle.",
+          "title": "Was ist eine KI-Coding-CLI?"
+        },
+        {
+          "description": "Keine CLI ist für jeden Workflow die beste. Wählen Sie Tools, die Ihre Plattformen, Ihr Budget, Ihre Lizenzanforderungen und die bereits genutzten Modelle und Dienste unterstützen.",
+          "title": "Welche KI-Coding-CLI ist die beste?"
+        },
+        {
+          "description": "Manche CLIs bieten einen Gratisplan oder einen Open-Source-Client, während Modellnutzung oder Hosting kostenpflichtig sein können. Filtern Sie zuerst nach Gratisplan und Einstiegspreis und prüfen Sie die aktuellen Grenzen beim Anbieter.",
+          "title": "Gibt es kostenlose KI-Coding-CLIs?"
+        },
+        {
+          "description": "Viele Tools unterstützen Windows, macOS und Linux, andere nur einen Teil davon. Prüfen Sie die Plattformsymbole und anschließend die Installationsanforderungen in der offiziellen Dokumentation.",
+          "title": "Funktionieren sie unter Windows, macOS und Linux?"
+        }
+      ],
+      "intro": "Vergleichen Sie {count} KI-Coding-CLIs anhand derselben Kriterien: Plattformen, Preise, Lizenz, GitHub-Sterne und Projektlinks sowie offizielle Quellen. Definieren Sie Ihre Anforderungen, erstellen Sie eine Auswahlliste und prüfen Sie veränderliche Produktdetails direkt beim Anbieter.",
+      "profiles": [
+        {
+          "description": "Plattformen, Preise und offizielle Quellen des Terminal-Agenten von Anthropic.",
+          "href": "/clis/claude-code-cli",
+          "title": "Claude Code CLI"
+        },
+        {
+          "description": "Installation, Lizenz und offizielle Quellen der Coding-CLI von OpenAI.",
+          "href": "/clis/codex-cli",
+          "title": "Codex CLI"
+        },
+        {
+          "description": "Plattformen, Quellcode und Dokumentation des Terminal-Agenten von Google.",
+          "href": "/clis/gemini-cli",
+          "title": "Gemini CLI"
+        },
+        {
+          "description": "Plattformen, Lizenz, Preise und Projektlinks der OpenCode CLI.",
+          "href": "/clis/opencode",
+          "title": "OpenCode"
+        }
+      ],
+      "profilesIntro": "Die folgenden Links führen direkt zu bereits in der Tabelle aufgeführten Produktdatensätzen; sie sind keine Rangliste oder Empfehlung. Öffnen Sie jeden Datensatz, um Manifestdaten und Primärquellen zu prüfen.",
+      "profilesTitle": "CLI-Produktprofile öffnen",
+      "shortlistIntro": "Nutzen Sie einen einheitlichen Prozess, damit Popularität nicht die Workflow-Eignung ersetzt.",
+      "shortlistTitle": "CLI-Auswahl in drei Schritten",
+      "steps": [
+        {
+          "description": "Notieren Sie Betriebssysteme, Budget, Lizenzanforderungen und benötigte Dokumentations- oder Quellcodezugänge.",
+          "title": "Anforderungen festlegen"
+        },
+        {
+          "description": "Entfernen Sie unpassende Tools und vergleichen Sie die übrigen Einträge anhand derselben Spalten.",
+          "title": "Einheitlich filtern"
+        },
+        {
+          "description": "Prüfen Sie vor einem Testlauf Installation, Preise, aktuelle Version und Support in den offiziellen Quellen.",
+          "title": "Prüfen und testen"
+        }
+      ],
+      "title": "So vergleichen Sie KI-Coding-CLIs"
+    },
     "subtitle": "Vergleichen Sie Funktionen, Preise und Spezifikationen von AI-Coding-CLI-Tools nebeneinander.",
     "title": "AI-Coding-CLI-Vergleich"
   },
@@ -16,13 +96,181 @@
     "startingPrice": "Startpreis"
   },
   "extensions": {
-    "backTo": "Zurück zu Erweiterungen",
-    "subtitle": "Vergleichen Sie Funktionen, Preise und Spezifikationen von AI-Coding-Erweiterungen nebeneinander.",
+    "guide": {
+      "criteria": [
+        {
+          "title": "Kompatibilität mit der Host-IDE",
+          "description": "Beginnen Sie mit den Editoren, die Ihr Team bereits nutzt. Die Spalte „Unterstützte IDEs“ zeigt, ob eine Erweiterung zu VS Code, JetBrains-Produkten oder einem anderen Host passt."
+        },
+        {
+          "title": "Preismodell",
+          "description": "Vergleichen Sie kostenlose Tarife und Einstiegspreise und prüfen Sie Nutzungslimits sowie enthaltene Dienste auf der offiziellen Preisseite. Auch eine kostenlose Erweiterung kann kostenpflichtigen Modellzugriff benötigen."
+        },
+        {
+          "title": "Lizenz und Wartung",
+          "description": "Nutzen Sie Lizenz, GitHub-Sterne und Projektlinks sowie das Veraltet-Kennzeichen, um Open-Source-Projekte von proprietären oder eingestellten Produkten zu unterscheiden."
+        },
+        {
+          "title": "Prüfpfad",
+          "description": "Öffnen Sie vor der Installation Website, Marketplace oder Download, Dokumentation, Changelog und Issue-Tracker. Diese Primärquellen bestätigen aktuelle Kompatibilität und Support."
+        }
+      ],
+      "faqTitle": "Fragen zu AI-Coding-Erweiterungen",
+      "faqs": [
+        {
+          "title": "Was ist eine AI-Coding-Erweiterung?",
+          "description": "Eine AI-Coding-Erweiterung ergänzt einen bestehenden Editor oder eine IDE um Programmierunterstützung. Je nach Produkt gehören Vervollständigung, Chat, Repository-Kontext, Bearbeitungsabläufe oder Agent-Funktionen dazu."
+        },
+        {
+          "title": "Welche AI-Coding-Erweiterung ist die beste?",
+          "description": "Es gibt keine beste Erweiterung für alle. Filtern Sie zuerst nach Host-IDE, Betriebsumgebung, Budget und Lizenz. Vergleichen Sie die verbleibenden Produkte mit offizieller Dokumentation und einem kleinen Repository-Test."
+        },
+        {
+          "title": "Gibt es kostenlose AI-Coding-Erweiterungen?",
+          "description": "Einige Erweiterungen bieten kostenlose Tarife oder Open-Source-Clients, während Modellnutzung und bereitgestellte Dienste kostenpflichtig sein können. Nutzen Sie die Preisspalten als ersten Filter und bestätigen Sie aktuelle Limits beim Anbieter."
+        },
+        {
+          "title": "Wie unterscheidet sich eine Erweiterung von einer AI-Coding-IDE?",
+          "description": "Eine Erweiterung läuft in einem vorhandenen Editor und übernimmt dessen Arbeitsabläufe. Eine eigenständige AI-Coding-IDE steuert die gesamte Editor-Erfahrung. Vergleichen Sie Erweiterungen, wenn Sie Ihren Host behalten möchten."
+        },
+        {
+          "title": "Unterstützen diese Erweiterungen VS Code und JetBrains-IDEs?",
+          "description": "Die Kompatibilität variiert. Prüfen Sie die Spalte „Unterstützte IDEs“ und bestätigen Sie anschließend die genaue Editor-Version und Betriebssystemanforderungen im offiziellen Marketplace oder in der Installationsanleitung."
+        }
+      ],
+      "intro": "Vergleichen Sie {count} AI-Coding-Erweiterungen anhand derselben Signale: unterstützte IDEs, Preise, Lizenz, GitHub-Sterne und Projektlinks, Lebenszyklus und offizielle Quellen. Filtern Sie zuerst nach Kompatibilität und prüfen Sie veränderliche Details vor der Installation an der Quelle.",
+      "profiles": [
+        {
+          "title": "GitHub Copilot",
+          "href": "/extensions/github-copilot",
+          "description": "Prüfen Sie unterstützte IDEs, Preise, Lizenz, GitHub-Sterne und Projektlinks sowie offizielle Quellen."
+        },
+        {
+          "title": "Cline",
+          "href": "/extensions/cline",
+          "description": "Prüfen Sie unterstützte IDEs, Preise, Lizenz, Quellrepository und Dokumentation."
+        },
+        {
+          "title": "Gemini Code Assist",
+          "href": "/extensions/gemini-code-assist",
+          "description": "Prüfen Sie Kompatibilität, Preise, Projektlinks und offizielle Dokumentation."
+        },
+        {
+          "title": "JetBrains Junie",
+          "href": "/extensions/jetbrains-junie",
+          "description": "Prüfen Sie Host-Kompatibilität, Preise, Projektlinks und offizielle Quellen."
+        }
+      ],
+      "profilesIntro": "Die folgenden Links führen direkt zu bereits in der Tabelle aufgeführten Produktdatensätzen; sie sind keine Rangliste oder Empfehlung. Öffnen Sie jeden Datensatz, um Manifestdaten, Lebenszyklusstatus und Primärquellen zu prüfen.",
+      "profilesTitle": "Erweiterungsprofile öffnen",
+      "shortlistIntro": "Nutzen Sie einen einheitlichen Ablauf, damit Popularität nicht wichtiger wird als Editor-Kompatibilität und Wartungsstatus.",
+      "shortlistTitle": "Erweiterungen in drei Schritten auswählen",
+      "steps": [
+        {
+          "title": "Kompatibilitätsregeln festlegen",
+          "description": "Notieren Sie erforderliche IDEs und Versionen, Budget, Lizenzanforderungen und ob Quellzugriff zwingend ist."
+        },
+        {
+          "title": "Einheitlich filtern",
+          "description": "Entfernen Sie inkompatible oder veraltete Produkte und vergleichen Sie den Rest nach Preis, Lizenz, GitHub-Sternen, Projektlinks und offiziellen Quellen."
+        },
+        {
+          "title": "Prüfen und testen",
+          "description": "Öffnen Sie Produktdatensatz und offizielle Installation. Bestätigen Sie Kompatibilität, aktuelle Preise, Berechtigungen und Support vor einem Repository-Test."
+        }
+      ],
+      "title": "AI-Coding-Erweiterungen vergleichen"
+    },
+    "subtitle": "Vergleichen Sie AI-Coding-Erweiterungen nach unterstützten IDEs, Preisen, Lizenz, GitHub-Sternen und Projektlinks, Lebenszyklus und offiziellen Quellen.",
     "title": "AI-Coding-Erweiterungs-Vergleich"
   },
   "ides": {
-    "backTo": "Zurück zu IDEs",
-    "subtitle": "Vergleichen Sie Funktionen, Preise und Spezifikationen von AI-gestützten IDEs nebeneinander.",
+    "guide": {
+      "criteria": [
+        {
+          "title": "Plattform-Eignung",
+          "description": "Beginnen Sie mit den Betriebssystemen Ihres Teams. Eine IDE, die alle erforderlichen Entwicklungsrechner unterstützt, lässt sich leichter bewerten, standardisieren und warten."
+        },
+        {
+          "title": "Preismodell",
+          "description": "Vergleichen Sie kostenlose Tarife, Einstiegspreise und bezahlte Stufen und bestätigen Sie aktuelle Limits auf der offiziellen Preisseite. Vertragsdetails beeinflussen die tatsächlichen Einführungskosten."
+        },
+        {
+          "title": "Lizenz und Quellcode",
+          "description": "Nutzen Sie Lizenz- und GitHub-Links, um Open-Source-Editoren von proprietären Produkten zu unterscheiden und das Projekt hinter jeder IDE zu prüfen."
+        },
+        {
+          "title": "Prüfpfad",
+          "description": "Folgen Sie Website, Dokumentation, Download, Changelog und Issue-Links. Diese Primärquellen zeigen Installation, Aktualisierung und Support der IDE."
+        }
+      ],
+      "faqTitle": "Fragen zu AI-Coding-IDEs",
+      "faqs": [
+        {
+          "title": "Was ist eine AI-Coding-IDE?",
+          "description": "Eine AI-Coding-IDE integriert Programmierunterstützung in die Editor-Erfahrung. Produkte können Vervollständigung, Chat, Repository-Kontext, Codebearbeitung, Terminalzugriff und Agent-Abläufe kombinieren, unterscheiden sich aber bei Plattform, Preis und Lizenz."
+        },
+        {
+          "title": "Welche AI-Coding-IDE ist die beste?",
+          "description": "Es gibt keine beste IDE für jeden Ablauf. Wählen Sie Produkte aus, die auf Ihren Systemen laufen, Budget und Lizenz erfüllen und zur Arbeitsweise des Teams passen. Prüfen Sie die Kandidaten mit offizieller Dokumentation und einem Pilotversuch."
+        },
+        {
+          "title": "Gibt es kostenlose AI-Coding-IDEs?",
+          "description": "Einige AI-Coding-IDEs bieten kostenlose Tarife oder basieren auf Open-Source-Editoren, während Modellnutzung oder bereitgestellte Funktionen kostenpflichtig sein können. Nutzen Sie die Preisspalten als ersten Filter."
+        },
+        {
+          "title": "Wie unterscheidet sich eine AI-Coding-IDE von einer Erweiterung?",
+          "description": "Eine AI-Coding-IDE steuert die gesamte Editor-Erfahrung. Eine Erweiterung ergänzt eine bestehende IDE. Wählen Sie eine IDE, wenn ein Umstieg möglich ist, und eine Erweiterung, wenn der bestehende Host erhalten bleiben soll."
+        },
+        {
+          "title": "Laufen AI-Coding-IDEs unter Windows, macOS und Linux?",
+          "description": "Die Plattformunterstützung variiert. Prüfen Sie die Symbole für macOS, Windows und Linux in der Tabelle und bestätigen Sie Systemanforderungen im offiziellen Download oder in der Installationsanleitung."
+        }
+      ],
+      "intro": "Vergleichen Sie {count} AI-Coding-IDEs anhand einheitlicher Signale: Plattformunterstützung, Preise, Lizenz, GitHub-Sterne und Projektlinks sowie offizielle Quellen. Beginnen Sie mit Teamvorgaben, erstellen Sie eine Auswahl und bestätigen Sie aktuelle Details vor dem Wechsel an der Quelle.",
+      "profiles": [
+        {
+          "title": "Cursor",
+          "href": "/ides/cursor",
+          "description": "Prüfen Sie unterstützte Plattformen, Preise, Lizenz, GitHub-Sterne und Projektlinks sowie offizielle Quellen."
+        },
+        {
+          "title": "Windsurf Editor",
+          "href": "/ides/windsurf",
+          "description": "Prüfen Sie unterstützte Plattformen, Preise, Lizenz, Projektlinks und Dokumentation."
+        },
+        {
+          "title": "Kiro",
+          "href": "/ides/kiro",
+          "description": "Prüfen Sie unterstützte Plattformen, Preise, Lizenz, Projektlinks und offizielle Quellen."
+        },
+        {
+          "title": "Antigravity",
+          "href": "/ides/antigravity",
+          "description": "Prüfen Sie unterstützte Plattformen, Preise, Lizenz, Projektlinks und Dokumentation."
+        }
+      ],
+      "profilesIntro": "Die folgenden Links führen direkt zu bereits in der Tabelle aufgeführten Produktdatensätzen; sie sind keine Rangliste oder Empfehlung. Öffnen Sie jeden Datensatz, um Manifestdaten und Primärquellen zu prüfen.",
+      "profilesTitle": "IDE-Produktprofile öffnen",
+      "shortlistIntro": "Nutzen Sie einen einheitlichen Ablauf, damit Popularität nicht Plattform- und Workflow-Eignung ersetzt.",
+      "shortlistTitle": "IDE-Auswahl in drei Schritten",
+      "steps": [
+        {
+          "title": "Vorgaben festlegen",
+          "description": "Notieren Sie erforderliche Betriebssysteme, Budgetgrenzen, Lizenzanforderungen und unverzichtbare Editor-Abläufe."
+        },
+        {
+          "title": "Einheitlich filtern",
+          "description": "Entfernen Sie IDEs, die diese Vorgaben nicht erfüllen, und vergleichen Sie die verbleibenden Einträge anhand derselben Spalten."
+        },
+        {
+          "title": "Prüfen und pilotieren",
+          "description": "Öffnen Sie Produktdatensatz und offizielle Links. Bestätigen Sie Installation, Preise, aktuelle Version und Support vor dem Pilotversuch."
+        }
+      ],
+      "title": "AI-Coding-IDEs vergleichen"
+    },
+    "subtitle": "Vergleichen Sie AI-Coding-IDEs nach Preisen, Plattformen, Lizenz, GitHub-Sternen und Projektlinks sowie offiziellen Quellen, bevor Sie eine Entwicklungsumgebung wählen.",
     "title": "AI-Coding-IDE-Vergleich"
   },
   "modelCompareDescription": "Vergleichen Sie AI-Coding-Modelle nebeneinander: Spezifikationen, Preise, Funktionen und Benchmarks.",
@@ -31,5 +279,8 @@
     "backTo": "Zurück zu Modellen",
     "subtitle": "Vergleichen Sie Spezifikationen und Preise von AI-Coding-Modellen nebeneinander.",
     "title": "AI-Coding-Modell-Vergleich"
+  },
+  "table": {
+    "scrollHint": "Scrollen Sie horizontal, um alle Spalten anzuzeigen."
   }
 }
diff --git a/translations/en/pages/comparison.json b/translations/en/pages/comparison.json
index 5b3f958..fd13502 100644
--- a/translations/en/pages/comparison.json
+++ b/translations/en/pages/comparison.json
@@ -1,7 +1,87 @@
 {
   "clis": {
-    "backTo": "Back to CLIs",
-    "subtitle": "Compare features, pricing, and specifications of AI coding CLI tools side by side.",
+    "guide": {
+      "criteria": [
+        {
+          "description": "Start with the operating systems your team uses. A CLI that supports every required development machine is easier to standardize and maintain.",
+          "title": "Platform fit"
+        },
+        {
+          "description": "Compare free plans and starting prices, then open the official pricing source before deciding. Usage limits and included models can change the real cost.",
+          "title": "Pricing model"
+        },
+        {
+          "description": "Use the license and GitHub links to distinguish open-source tools from proprietary products and to inspect the project behind each CLI.",
+          "title": "License and source"
+        },
+        {
+          "description": "Follow the official website, documentation, download, changelog, and issue links. These sources show how the tool is installed, updated, and supported.",
+          "title": "Verification path"
+        }
+      ],
+      "faqTitle": "AI coding CLI questions",
+      "faqs": [
+        {
+          "description": "An AI coding CLI is a command-line tool that helps developers inspect repositories, edit files, run commands, and complete coding tasks from a terminal. Products differ in model access, operating-system support, pricing, licensing, and how much control they give over tool execution.",
+          "title": "What is an AI coding CLI?"
+        },
+        {
+          "description": "There is no single best CLI for every workflow. Shortlist tools that run on your platforms, fit your pricing requirements, provide the license or source access you need, and integrate with the models and services your team already uses.",
+          "title": "Which AI coding CLI is best?"
+        },
+        {
+          "description": "Some AI coding CLIs offer a free plan or an open-source client, but model usage or hosted features may still cost money. Use the Free Plan and Starting Price columns as a first filter, then confirm current limits on the official pricing page.",
+          "title": "Are there free AI coding CLI tools?"
+        },
+        {
+          "description": "Many tools support Windows, macOS, and Linux, while others support only part of that set. Check the platform icons in the table and then verify installation requirements in the linked official documentation before adopting a tool.",
+          "title": "Do AI coding CLIs work on Windows, macOS, and Linux?"
+        }
+      ],
+      "intro": "Compare {count} AI coding CLI tools using the same practical signals: platform support, pricing, license, GitHub stars and project links, and official resources. Start with your workflow constraints, build a shortlist, and verify changing product details at the source before you adopt a terminal coding agent.",
+      "profiles": [
+        {
+          "description": "Review Anthropic's terminal agent, supported platforms, pricing, and official resources.",
+          "href": "/clis/claude-code-cli",
+          "title": "Claude Code CLI"
+        },
+        {
+          "description": "Review OpenAI's coding CLI, installation paths, license, and official resources.",
+          "href": "/clis/codex-cli",
+          "title": "Codex CLI"
+        },
+        {
+          "description": "Review Google's terminal coding agent, platform coverage, source repository, and documentation.",
+          "href": "/clis/gemini-cli",
+          "title": "Gemini CLI"
+        },
+        {
+          "description": "Review the OpenCode CLI, supported platforms, license, pricing, and project links.",
+          "href": "/clis/opencode",
+          "title": "OpenCode"
+        }
+      ],
+      "profilesIntro": "The links below are shortcuts to CLI records already listed in the table, not a ranking or recommendation. Open each record to inspect its manifest data and primary sources.",
+      "profilesTitle": "Explore CLI product profiles",
+      "shortlistIntro": "Use one consistent process so product popularity does not replace workflow fit.",
+      "shortlistTitle": "Build a CLI shortlist in three steps",
+      "steps": [
+        {
+          "description": "List required operating systems, budget limits, license requirements, and whether official documentation or source access is mandatory.",
+          "title": "Set your constraints"
+        },
+        {
+          "description": "Use the table to remove tools that do not match those constraints. Compare the remaining entries across the same columns.",
+          "title": "Filter consistently"
+        },
+        {
+          "description": "Open the product record and its official links. Confirm installation, pricing, current version, and support before running a pilot.",
+          "title": "Verify and pilot"
+        }
+      ],
+      "title": "How to compare AI coding CLI tools"
+    },
+    "subtitle": "Compare AI coding CLI tools by pricing, platform support, license, GitHub stars and project links, and official resources to choose the right terminal coding agent.",
     "title": "AI Coding CLI Comparison"
   },
   "columns": {
@@ -16,13 +96,181 @@
     "startingPrice": "Starting Price"
   },
   "extensions": {
-    "backTo": "Back to Extensions",
-    "subtitle": "Compare features, pricing, and specifications of AI coding extensions side by side.",
+    "guide": {
+      "criteria": [
+        {
+          "description": "Start with the editors your team already uses. The Supported IDEs column shows whether an extension fits VS Code, JetBrains products, or another host before you compare the rest.",
+          "title": "Host IDE compatibility"
+        },
+        {
+          "description": "Compare free plans and starting prices, then verify usage limits and included services on the official pricing page. A free extension can still require paid model access.",
+          "title": "Pricing model"
+        },
+        {
+          "description": "Use the license, GitHub stars and project links, and deprecated badge to distinguish open-source projects from proprietary or discontinued products.",
+          "title": "License and maintenance"
+        },
+        {
+          "description": "Open the official website, marketplace or download page, documentation, changelog, and issue tracker before installation. These sources confirm current compatibility and support.",
+          "title": "Verification path"
+        }
+      ],
+      "faqTitle": "AI coding extension questions",
+      "faqs": [
+        {
+          "description": "An AI coding extension adds coding assistance to an existing editor or IDE. Depending on the product, it may provide completion, chat, repository context, editing workflows, or agent features while keeping the developer inside a familiar host application.",
+          "title": "What is an AI coding extension?"
+        },
+        {
+          "description": "There is no single best extension for every developer. First filter by your host IDE, operating environment, budget, and license requirements. Then compare the remaining products using official documentation and a small repository trial.",
+          "title": "Which AI coding extension is best?"
+        },
+        {
+          "description": "Some extensions have free plans or open-source clients, while model usage and hosted services may still cost money. Use the Free Plan and Starting Price columns as an initial filter, then confirm current limits with the provider.",
+          "title": "Are there free AI coding extensions?"
+        },
+        {
+          "description": "An extension runs inside an existing editor and inherits much of that editor's workflow. A standalone AI coding IDE controls the complete editor experience. Compare extensions when you want to keep your current host; compare IDEs when you are willing to change it.",
+          "title": "How is an extension different from an AI coding IDE?"
+        },
+        {
+          "description": "Compatibility varies by product. Check the Supported IDEs column for each entry, then open the official marketplace or installation documentation to verify the exact editor version and operating-system requirements.",
+          "title": "Do these extensions support VS Code and JetBrains IDEs?"
+        }
+      ],
+      "intro": "Compare {count} AI coding extensions using the same practical signals: supported IDEs, pricing, license, GitHub stars and project links, lifecycle, and official resources. Filter for compatibility first, then verify changing product details at the source before installation.",
+      "profiles": [
+        {
+          "description": "Review GitHub Copilot's supported IDEs, pricing, license, GitHub stars and project links, and official resources.",
+          "href": "/extensions/github-copilot",
+          "title": "GitHub Copilot"
+        },
+        {
+          "description": "Review Cline's supported IDEs, pricing, license, source repository, and documentation.",
+          "href": "/extensions/cline",
+          "title": "Cline"
+        },
+        {
+          "description": "Review Gemini Code Assist compatibility, pricing, project links, and official documentation.",
+          "href": "/extensions/gemini-code-assist",
+          "title": "Gemini Code Assist"
+        },
+        {
+          "description": "Review JetBrains Junie's host compatibility, pricing, project links, and official resources.",
+          "href": "/extensions/jetbrains-junie",
+          "title": "JetBrains Junie"
+        }
+      ],
+      "profilesIntro": "The links below are shortcuts to extension records already listed in the table, not a ranking or recommendation. Open each record to inspect its manifest data, lifecycle status, and primary sources.",
+      "profilesTitle": "Explore extension product profiles",
+      "shortlistIntro": "Use one consistent process so popularity does not outweigh editor compatibility and maintenance status.",
+      "shortlistTitle": "Build an extension shortlist in three steps",
+      "steps": [
+        {
+          "description": "List the IDEs and editor versions you must support, your budget, license requirements, and whether source access is mandatory.",
+          "title": "Set compatibility constraints"
+        },
+        {
+          "description": "Use the table to remove incompatible or deprecated products, then compare the remaining entries across pricing, license, GitHub stars and project links, and official resources.",
+          "title": "Filter consistently"
+        },
+        {
+          "description": "Open the product record and official installation sources. Confirm compatibility, current pricing, permissions, and support before a repository trial.",
+          "title": "Verify and trial"
+        }
+      ],
+      "title": "How to compare AI coding extensions"
+    },
+    "subtitle": "Compare AI coding extensions by supported IDEs, pricing, license, GitHub stars and project links, lifecycle, and official resources before choosing an editor assistant.",
     "title": "AI Coding Extension Comparison"
   },
   "ides": {
-    "backTo": "Back to IDEs",
-    "subtitle": "Compare features, pricing, and specifications of AI-powered IDEs side by side.",
+    "guide": {
+      "criteria": [
+        {
+          "description": "Start with the operating systems used by your team. An IDE that supports every required development machine is easier to evaluate, standardize, and maintain.",
+          "title": "Platform fit"
+        },
+        {
+          "description": "Compare free plans, starting prices, and paid tiers, then confirm current limits on the official pricing page. Subscription details can change the practical cost of adoption.",
+          "title": "Pricing model"
+        },
+        {
+          "description": "Use the license and GitHub links to distinguish open-source editors from proprietary products and to inspect the project or upstream editor behind each IDE.",
+          "title": "License and source"
+        },
+        {
+          "description": "Follow the official website, documentation, download, changelog, and issue links. These sources show how the IDE is installed, updated, and supported.",
+          "title": "Verification path"
+        }
+      ],
+      "faqTitle": "AI coding IDE questions",
+      "faqs": [
+        {
+          "description": "An AI coding IDE is a development environment that integrates coding assistance into the editor experience. Products may combine completion, chat, repository context, code editing, terminal access, and agent workflows, but their platforms, pricing, licenses, and integrations differ.",
+          "title": "What is an AI coding IDE?"
+        },
+        {
+          "description": "There is no single best IDE for every workflow. Shortlist products that run on your operating systems, fit your budget and license requirements, and match how your team edits, reviews, and runs code. Verify the final candidates with official documentation and a pilot.",
+          "title": "Which AI coding IDE is best?"
+        },
+        {
+          "description": "Some AI coding IDEs provide free plans or are based on open-source editors, while model usage or hosted features may require payment. Use the pricing columns as a first filter and confirm current limits with the provider.",
+          "title": "Are there free AI coding IDEs?"
+        },
+        {
+          "description": "An AI coding IDE controls the complete editor experience. An AI extension adds assistance to an IDE you already use. Choose an IDE when you are willing to adopt a new environment; consider an extension when host continuity matters more.",
+          "title": "How is an AI coding IDE different from an extension?"
+        },
+        {
+          "description": "Platform support varies. Check the macOS, Windows, and Linux icons in the table, then open the official download or installation documentation to verify system requirements before adoption.",
+          "title": "Do AI coding IDEs work on Windows, macOS, and Linux?"
+        }
+      ],
+      "intro": "Compare {count} AI coding IDEs using consistent signals: platform support, pricing, license, GitHub stars and project links, and official resources. Start with team constraints, build a shortlist, and verify current product details at the source before changing development environments.",
+      "profiles": [
+        {
+          "description": "Review Cursor's supported platforms, pricing, license, GitHub stars and project links, and official resources.",
+          "href": "/ides/cursor",
+          "title": "Cursor"
+        },
+        {
+          "description": "Review Windsurf Editor's supported platforms, pricing, license, project links, and documentation.",
+          "href": "/ides/windsurf",
+          "title": "Windsurf Editor"
+        },
+        {
+          "description": "Review Kiro's supported platforms, pricing, license, project links, and official resources.",
+          "href": "/ides/kiro",
+          "title": "Kiro"
+        },
+        {
+          "description": "Review Antigravity's supported platforms, pricing, license, project links, and documentation.",
+          "href": "/ides/antigravity",
+          "title": "Antigravity"
+        }
+      ],
+      "profilesIntro": "The links below are shortcuts to IDE records already listed in the table, not a ranking or recommendation. Open each record to inspect its manifest data and primary sources.",
+      "profilesTitle": "Explore IDE product profiles",
+      "shortlistIntro": "Use one consistent process so product popularity does not replace platform and workflow fit.",
+      "shortlistTitle": "Build an IDE shortlist in three steps",
+      "steps": [
+        {
+          "description": "List required operating systems, budget limits, license requirements, and the editor workflows your team cannot lose.",
+          "title": "Set your constraints"
+        },
+        {
+          "description": "Use the table to remove IDEs that do not match those constraints. Compare the remaining entries across the same columns.",
+          "title": "Filter consistently"
+        },
+        {
+          "description": "Open each product record and its official links. Confirm installation, pricing, current version, and support before running a pilot.",
+          "title": "Verify and pilot"
+        }
+      ],
+      "title": "How to compare AI coding IDEs"
+    },
+    "subtitle": "Compare AI coding IDEs by pricing, platform support, license, GitHub stars and project links, and official resources before choosing a development environment for your team.",
     "title": "AI Coding IDE Comparison"
   },
   "modelCompareDescription": "Compare AI coding models side by side: specifications, pricing, capabilities, and benchmarks.",
@@ -31,5 +279,8 @@
     "backTo": "Back to Models",
     "subtitle": "Compare specifications and pricing of AI coding models side by side.",
     "title": "AI Coding Model Comparison"
+  },
+  "table": {
+    "scrollHint": "Scroll horizontally to view all columns."
   }
 }
diff --git a/translations/es/pages/comparison.json b/translations/es/pages/comparison.json
index 43fa6b3..192bbc2 100644
--- a/translations/es/pages/comparison.json
+++ b/translations/es/pages/comparison.json
@@ -1,6 +1,86 @@
 {
   "clis": {
-    "backTo": "Volver a CLIs",
+    "guide": {
+      "criteria": [
+        {
+          "description": "Empieza por los sistemas operativos de tu equipo. Una CLI compatible con todas las máquinas necesarias es más fácil de estandarizar y mantener.",
+          "title": "Compatibilidad de plataforma"
+        },
+        {
+          "description": "Compara los planes gratuitos y precios iniciales y consulta después la fuente oficial. Los límites y modelos incluidos cambian el coste real.",
+          "title": "Modelo de precios"
+        },
+        {
+          "description": "Usa la licencia y GitHub para distinguir herramientas de código abierto de productos propietarios y revisar cada proyecto.",
+          "title": "Licencia y código fuente"
+        },
+        {
+          "description": "La web, documentación, descarga, registro de cambios e incidencias oficiales muestran cómo se instala, actualiza y mantiene la herramienta.",
+          "title": "Ruta de verificación"
+        }
+      ],
+      "faqTitle": "Preguntas sobre CLI de programación con IA",
+      "faqs": [
+        {
+          "description": "Una CLI de programación con IA ayuda a revisar repositorios, editar archivos, ejecutar comandos y completar tareas desde la terminal. Los productos difieren en modelos, sistemas operativos, precios, licencias y control de ejecución.",
+          "title": "¿Qué es una CLI de programación con IA?"
+        },
+        {
+          "description": "No existe una única CLI mejor para todos. Selecciona herramientas compatibles con tus plataformas, presupuesto, licencia y los modelos y servicios que ya usa tu equipo.",
+          "title": "¿Cuál es la mejor CLI de programación con IA?"
+        },
+        {
+          "description": "Algunas ofrecen plan gratuito o cliente abierto, pero el uso de modelos o funciones alojadas puede tener coste. Filtra por Plan gratuito y Precio inicial y confirma los límites en la página oficial.",
+          "title": "¿Hay CLI de programación con IA gratuitas?"
+        },
+        {
+          "description": "Muchas herramientas funcionan en Windows, macOS y Linux; otras solo en algunos. Revisa los iconos y confirma los requisitos en la documentación oficial antes de adoptarlas.",
+          "title": "¿Funcionan en Windows, macOS y Linux?"
+        }
+      ],
+      "intro": "Compara {count} CLI de programación con IA con los mismos criterios: plataformas, precios, licencia, estrellas de GitHub y enlaces del proyecto, y fuentes oficiales. Define tus restricciones, crea una selección y verifica en la fuente los datos que pueden cambiar.",
+      "profiles": [
+        {
+          "description": "Plataformas, precios y recursos oficiales del agente de terminal de Anthropic.",
+          "href": "/clis/claude-code-cli",
+          "title": "Claude Code CLI"
+        },
+        {
+          "description": "Instalación, licencia y recursos oficiales de la CLI de OpenAI.",
+          "href": "/clis/codex-cli",
+          "title": "Codex CLI"
+        },
+        {
+          "description": "Plataformas, repositorio y documentación del agente de terminal de Google.",
+          "href": "/clis/gemini-cli",
+          "title": "Gemini CLI"
+        },
+        {
+          "description": "Plataformas, licencia, precios y enlaces del proyecto OpenCode.",
+          "href": "/clis/opencode",
+          "title": "OpenCode"
+        }
+      ],
+      "profilesIntro": "Los siguientes enlaces son accesos directos a registros de productos ya incluidos en la tabla, no una clasificación ni una recomendación. Abre cada registro para consultar sus datos de manifiesto y fuentes primarias.",
+      "profilesTitle": "Explorar perfiles de productos CLI",
+      "shortlistIntro": "Usa un proceso uniforme para que la popularidad no sustituya el ajuste al flujo de trabajo.",
+      "shortlistTitle": "Crea una selección en tres pasos",
+      "steps": [
+        {
+          "description": "Enumera sistemas operativos, presupuesto, licencia y si necesitas documentación oficial o acceso al código.",
+          "title": "Define tus restricciones"
+        },
+        {
+          "description": "Descarta con la tabla las herramientas que no encajan y compara el resto con las mismas columnas.",
+          "title": "Filtra de forma uniforme"
+        },
+        {
+          "description": "Confirma instalación, precio, versión actual y soporte en los enlaces oficiales antes de una prueba.",
+          "title": "Verifica y prueba"
+        }
+      ],
+      "title": "Cómo comparar CLI de programación con IA"
+    },
     "subtitle": "Asistentes de codificación de línea de comandos con IA",
     "title": "Comparación de CLI de Codificación con IA"
   },
@@ -16,13 +96,181 @@
     "startingPrice": "Precio inicial"
   },
   "extensions": {
-    "backTo": "Volver a Extensiones",
-    "subtitle": "Extensiones y complementos de codificación con IA",
+    "guide": {
+      "criteria": [
+        {
+          "title": "Compatibilidad con el IDE anfitrión",
+          "description": "Empieza por los editores que ya usa tu equipo. La columna de IDE compatibles indica si una extensión funciona con VS Code, productos JetBrains u otro anfitrión antes de comparar lo demás."
+        },
+        {
+          "title": "Modelo de precios",
+          "description": "Compara planes gratuitos y precios iniciales, y confirma límites y servicios en la página oficial. Una extensión gratuita puede requerir acceso de pago a modelos."
+        },
+        {
+          "title": "Licencia y mantenimiento",
+          "description": "Usa la licencia, las estrellas de GitHub, los enlaces del proyecto y la etiqueta de obsoleto para distinguir proyectos abiertos de productos propietarios o discontinuados."
+        },
+        {
+          "title": "Ruta de verificación",
+          "description": "Antes de instalar, abre el sitio, marketplace o descarga, documentación, registro de cambios y seguimiento de incidencias. Estas fuentes confirman compatibilidad y soporte actuales."
+        }
+      ],
+      "faqTitle": "Preguntas sobre extensiones de programación con IA",
+      "faqs": [
+        {
+          "title": "¿Qué es una extensión de programación con IA?",
+          "description": "Es software que añade asistencia de programación a un editor o IDE existente. Puede ofrecer completado, chat, contexto del repositorio, flujos de edición o funciones de Agent sin abandonar la aplicación anfitriona."
+        },
+        {
+          "title": "¿Cuál es la mejor extensión de programación con IA?",
+          "description": "No existe una mejor para todos. Filtra por IDE anfitrión, entorno, presupuesto y licencia. Después compara las candidatas con documentación oficial y una prueba en un repositorio pequeño."
+        },
+        {
+          "title": "¿Hay extensiones de programación con IA gratuitas?",
+          "description": "Algunas tienen planes gratuitos o clientes de código abierto, aunque el uso de modelos y los servicios alojados pueden costar. Usa las columnas de precios como primer filtro y confirma los límites con el proveedor."
+        },
+        {
+          "title": "¿En qué se diferencia de un IDE de programación con IA?",
+          "description": "Una extensión funciona dentro de un editor existente y hereda su flujo. Un IDE independiente controla toda la experiencia. Compara extensiones si quieres conservar tu anfitrión actual."
+        },
+        {
+          "title": "¿Son compatibles con VS Code y los IDE de JetBrains?",
+          "description": "La compatibilidad varía. Consulta la columna de IDE compatibles y verifica la versión exacta del editor y los requisitos del sistema en el marketplace o la guía oficial."
+        }
+      ],
+      "intro": "Compara {count} extensiones de programación con IA con las mismas señales: IDE compatibles, precios, licencia, estrellas de GitHub y enlaces del proyecto, ciclo de vida y recursos oficiales. Filtra primero por compatibilidad y verifica los detalles cambiantes antes de instalar.",
+      "profiles": [
+        {
+          "title": "GitHub Copilot",
+          "href": "/extensions/github-copilot",
+          "description": "Revisa IDE compatibles, precios, licencia, estrellas de GitHub, enlaces del proyecto y recursos oficiales."
+        },
+        {
+          "title": "Cline",
+          "href": "/extensions/cline",
+          "description": "Revisa IDE compatibles, precios, licencia, repositorio y documentación."
+        },
+        {
+          "title": "Gemini Code Assist",
+          "href": "/extensions/gemini-code-assist",
+          "description": "Revisa compatibilidad, precios, enlaces del proyecto y documentación oficial."
+        },
+        {
+          "title": "JetBrains Junie",
+          "href": "/extensions/jetbrains-junie",
+          "description": "Revisa compatibilidad con el anfitrión, precios, enlaces y recursos oficiales."
+        }
+      ],
+      "profilesIntro": "Los siguientes enlaces son accesos directos a registros de productos ya incluidos en la tabla, no una clasificación ni una recomendación. Abre cada registro para consultar sus datos de manifiesto, estado del ciclo de vida y fuentes primarias.",
+      "profilesTitle": "Explorar perfiles de extensiones",
+      "shortlistIntro": "Usa un proceso uniforme para que la popularidad no pese más que la compatibilidad y el mantenimiento.",
+      "shortlistTitle": "Crear una lista de extensiones en tres pasos",
+      "steps": [
+        {
+          "title": "Definir requisitos de compatibilidad",
+          "description": "Enumera los IDE y versiones obligatorios, presupuesto, requisitos de licencia y si necesitas acceso al código fuente."
+        },
+        {
+          "title": "Filtrar de forma uniforme",
+          "description": "Elimina productos incompatibles u obsoletos y compara el resto por precio, licencia, estrellas de GitHub, enlaces del proyecto y recursos oficiales."
+        },
+        {
+          "title": "Verificar y probar",
+          "description": "Abre el registro y la instalación oficial. Confirma compatibilidad, precios actuales, permisos y soporte antes de probar en un repositorio."
+        }
+      ],
+      "title": "Cómo comparar extensiones de programación con IA"
+    },
+    "subtitle": "Compara extensiones de programación con IA por IDE compatibles, precios, licencia, estrellas de GitHub y enlaces del proyecto, ciclo de vida y recursos oficiales.",
     "title": "Comparación de Extensiones de Codificación con IA"
   },
   "ides": {
-    "backTo": "Volver a IDEs",
-    "subtitle": "Entornos de desarrollo integrados mejorados con IA",
+    "guide": {
+      "criteria": [
+        {
+          "title": "Compatibilidad de plataforma",
+          "description": "Empieza por los sistemas operativos de tu equipo. Un IDE compatible con todos los equipos necesarios es más fácil de evaluar, estandarizar y mantener."
+        },
+        {
+          "title": "Modelo de precios",
+          "description": "Compara planes gratuitos, precios iniciales y niveles de pago, y confirma los límites actuales en la página oficial. Los detalles de suscripción cambian el coste real."
+        },
+        {
+          "title": "Licencia y código fuente",
+          "description": "Usa la licencia y los enlaces de GitHub para distinguir editores abiertos de productos propietarios y examinar el proyecto que hay detrás de cada IDE."
+        },
+        {
+          "title": "Ruta de verificación",
+          "description": "Sigue el sitio oficial, documentación, descarga, cambios e incidencias. Estas fuentes muestran cómo se instala, actualiza y mantiene el IDE."
+        }
+      ],
+      "faqTitle": "Preguntas sobre IDE de programación con IA",
+      "faqs": [
+        {
+          "title": "¿Qué es un IDE de programación con IA?",
+          "description": "Es un entorno que integra asistencia de programación en la experiencia del editor. Puede combinar completado, chat, contexto del repositorio, edición, terminal y flujos de Agent, con diferencias de plataforma, precio y licencia."
+        },
+        {
+          "title": "¿Cuál es el mejor IDE de programación con IA?",
+          "description": "No hay uno mejor para todos. Selecciona productos compatibles con tus sistemas, presupuesto, licencia y forma de editar, revisar y ejecutar código. Confirma los finalistas con documentación oficial y una prueba piloto."
+        },
+        {
+          "title": "¿Hay IDE de programación con IA gratuitos?",
+          "description": "Algunos ofrecen planes gratuitos o se basan en editores abiertos, aunque el uso de modelos o funciones alojadas puede costar. Usa las columnas de precios como primer filtro."
+        },
+        {
+          "title": "¿En qué se diferencia de una extensión?",
+          "description": "Un IDE de programación con IA controla toda la experiencia del editor. Una extensión añade asistencia a un IDE existente. Elige un IDE si puedes adoptar un entorno nuevo y una extensión si debes conservar el anfitrión."
+        },
+        {
+          "title": "¿Funcionan en Windows, macOS y Linux?",
+          "description": "La compatibilidad varía. Comprueba los iconos de macOS, Windows y Linux y confirma los requisitos del sistema en la descarga o documentación oficial."
+        }
+      ],
+      "intro": "Compara {count} IDE de programación con IA con señales uniformes: plataformas, precios, licencia, estrellas de GitHub y enlaces del proyecto, y recursos oficiales. Parte de las restricciones del equipo, crea una lista y verifica los detalles actuales antes de cambiar de entorno.",
+      "profiles": [
+        {
+          "title": "Cursor",
+          "href": "/ides/cursor",
+          "description": "Revisa plataformas, precios, licencia, estrellas de GitHub, enlaces del proyecto y recursos oficiales."
+        },
+        {
+          "title": "Windsurf Editor",
+          "href": "/ides/windsurf",
+          "description": "Revisa plataformas, precios, licencia, enlaces del proyecto y documentación."
+        },
+        {
+          "title": "Kiro",
+          "href": "/ides/kiro",
+          "description": "Revisa plataformas, precios, licencia, enlaces y recursos oficiales."
+        },
+        {
+          "title": "Antigravity",
+          "href": "/ides/antigravity",
+          "description": "Revisa plataformas, precios, licencia, enlaces y documentación."
+        }
+      ],
+      "profilesIntro": "Los siguientes enlaces son accesos directos a registros de productos ya incluidos en la tabla, no una clasificación ni una recomendación. Abre cada registro para consultar sus datos de manifiesto y fuentes primarias.",
+      "profilesTitle": "Explorar perfiles de productos IDE",
+      "shortlistIntro": "Usa un proceso uniforme para que la popularidad no sustituya el ajuste a plataforma y flujo de trabajo.",
+      "shortlistTitle": "Crear una lista de IDE en tres pasos",
+      "steps": [
+        {
+          "title": "Definir restricciones",
+          "description": "Enumera sistemas operativos, presupuesto, requisitos de licencia y flujos del editor que tu equipo debe conservar."
+        },
+        {
+          "title": "Filtrar de forma uniforme",
+          "description": "Elimina los IDE que no cumplan las restricciones y compara los restantes con las mismas columnas."
+        },
+        {
+          "title": "Verificar y pilotar",
+          "description": "Abre cada registro y enlace oficial. Confirma instalación, precios, versión actual y soporte antes de un piloto."
+        }
+      ],
+      "title": "Cómo comparar IDE de programación con IA"
+    },
+    "subtitle": "Compara IDE de programación con IA por precios, plataformas, licencia, estrellas de GitHub, enlaces del proyecto y recursos oficiales antes de elegir un entorno.",
     "title": "Comparación de IDE de Codificación con IA"
   },
   "modelCompareDescription": "Compare modelos de codificación con IA lado a lado: especificaciones, precios, funcionalidades y benchmarks.",
@@ -31,5 +279,8 @@
     "backTo": "Volver a Modelos",
     "subtitle": "Modelos de lenguaje grandes optimizados para generación y análisis de código",
     "title": "Comparación de Modelos de Codificación con IA"
+  },
+  "table": {
+    "scrollHint": "Desplázate horizontalmente para ver todas las columnas."
   }
 }
diff --git a/translations/fr/pages/comparison.json b/translations/fr/pages/comparison.json
index ab56dac..145642a 100644
--- a/translations/fr/pages/comparison.json
+++ b/translations/fr/pages/comparison.json
@@ -1,6 +1,86 @@
 {
   "clis": {
-    "backTo": "Retour aux CLIs",
+    "guide": {
+      "criteria": [
+        {
+          "description": "Commencez par les systèmes de votre équipe. Une CLI compatible avec toutes les machines requises est plus facile à standardiser et à maintenir.",
+          "title": "Compatibilité des plateformes"
+        },
+        {
+          "description": "Comparez les offres gratuites et les prix de départ, puis vérifiez la tarification officielle. Les limites et modèles inclus modifient le coût réel.",
+          "title": "Modèle tarifaire"
+        },
+        {
+          "description": "La licence et GitHub permettent de distinguer les outils open source des produits propriétaires et d’examiner chaque projet.",
+          "title": "Licence et code source"
+        },
+        {
+          "description": "Le site, la documentation, le téléchargement, le journal et les tickets officiels expliquent l’installation, les mises à jour et le support.",
+          "title": "Parcours de vérification"
+        }
+      ],
+      "faqTitle": "Questions sur les CLI de codage IA",
+      "faqs": [
+        {
+          "description": "Une CLI de codage IA aide à examiner des dépôts, modifier des fichiers, exécuter des commandes et accomplir des tâches depuis le terminal. Les produits diffèrent par les modèles, plateformes, prix, licences et contrôles d’exécution.",
+          "title": "Qu’est-ce qu’une CLI de codage IA ?"
+        },
+        {
+          "description": "Aucune CLI n’est idéale pour tous les usages. Retenez celles qui respectent vos plateformes, votre budget, vos licences et les modèles et services déjà utilisés.",
+          "title": "Quelle CLI de codage IA choisir ?"
+        },
+        {
+          "description": "Certaines proposent une offre gratuite ou un client open source, mais les modèles ou fonctions hébergées peuvent rester payants. Filtrez par offre gratuite et prix de départ, puis vérifiez les limites officielles.",
+          "title": "Existe-t-il des CLI de codage IA gratuites ?"
+        },
+        {
+          "description": "Beaucoup prennent en charge Windows, macOS et Linux, d’autres seulement une partie. Consultez les icônes puis les exigences d’installation officielles.",
+          "title": "Fonctionnent-elles sous Windows, macOS et Linux ?"
+        }
+      ],
+      "intro": "Comparez {count} CLI de codage IA selon les mêmes critères : plateformes, prix, licence, étoiles GitHub et liens du projet, et sources officielles. Définissez vos contraintes, créez une sélection et vérifiez à la source les informations susceptibles de changer.",
+      "profiles": [
+        {
+          "description": "Plateformes, prix et ressources officielles de l’agent terminal d’Anthropic.",
+          "href": "/clis/claude-code-cli",
+          "title": "Claude Code CLI"
+        },
+        {
+          "description": "Installation, licence et ressources officielles de la CLI d’OpenAI.",
+          "href": "/clis/codex-cli",
+          "title": "Codex CLI"
+        },
+        {
+          "description": "Plateformes, dépôt source et documentation de l’agent terminal de Google.",
+          "href": "/clis/gemini-cli",
+          "title": "Gemini CLI"
+        },
+        {
+          "description": "Plateformes, licence, prix et liens du projet OpenCode.",
+          "href": "/clis/opencode",
+          "title": "OpenCode"
+        }
+      ],
+      "profilesIntro": "Les liens ci-dessous sont des raccourcis vers des fiches de produits déjà présentes dans le tableau, et non un classement ou une recommandation. Ouvrez chaque fiche pour consulter ses données de manifeste et ses sources primaires.",
+      "profilesTitle": "Explorer les fiches de produits CLI",
+      "shortlistIntro": "Suivez un processus uniforme afin que la popularité ne remplace pas l’adéquation au flux de travail.",
+      "shortlistTitle": "Créer une sélection en trois étapes",
+      "steps": [
+        {
+          "description": "Listez systèmes, budget, licences et besoins en documentation ou en accès au code source.",
+          "title": "Définir les contraintes"
+        },
+        {
+          "description": "Écartez les outils incompatibles puis comparez les autres avec les mêmes colonnes.",
+          "title": "Filtrer uniformément"
+        },
+        {
+          "description": "Vérifiez installation, prix, version et support dans les liens officiels avant un essai.",
+          "title": "Vérifier et tester"
+        }
+      ],
+      "title": "Comment comparer les CLI de codage IA"
+    },
     "subtitle": "Comparez les fonctionnalités, les tarifs et les spécifications des outils de codage IA en ligne de commande côte à côte.",
     "title": "Comparaison CLI de Codage IA"
   },
@@ -16,13 +96,181 @@
     "startingPrice": "Prix de départ"
   },
   "extensions": {
-    "backTo": "Retour aux Extensions",
-    "subtitle": "Comparez les fonctionnalités, les tarifs et les spécifications des extensions de codage IA côte à côte.",
+    "guide": {
+      "criteria": [
+        {
+          "title": "Compatibilité avec l’IDE hôte",
+          "description": "Commencez par les éditeurs utilisés par votre équipe. La colonne des IDE pris en charge indique si une extension convient à VS Code, aux produits JetBrains ou à un autre hôte."
+        },
+        {
+          "title": "Modèle tarifaire",
+          "description": "Comparez les offres gratuites et les prix de départ, puis vérifiez limites et services sur la page officielle. Une extension gratuite peut nécessiter un accès payant aux modèles."
+        },
+        {
+          "title": "Licence et maintenance",
+          "description": "Utilisez la licence, les étoiles GitHub, les liens du projet et le badge obsolète pour distinguer les projets open source des produits propriétaires ou abandonnés."
+        },
+        {
+          "title": "Parcours de vérification",
+          "description": "Avant l’installation, ouvrez le site, la marketplace ou le téléchargement, la documentation, le journal des changements et le suivi des problèmes afin de confirmer compatibilité et support."
+        }
+      ],
+      "faqTitle": "Questions sur les extensions de codage IA",
+      "faqs": [
+        {
+          "title": "Qu’est-ce qu’une extension de codage IA ?",
+          "description": "C’est un logiciel qui ajoute une assistance au codage dans un éditeur ou IDE existant. Il peut proposer complétion, chat, contexte du dépôt, flux d’édition ou fonctions Agent tout en conservant l’application hôte."
+        },
+        {
+          "title": "Quelle extension de codage IA choisir ?",
+          "description": "Aucune n’est meilleure pour tous. Filtrez selon l’IDE hôte, l’environnement, le budget et la licence, puis comparez les candidates avec la documentation officielle et un essai sur un petit dépôt."
+        },
+        {
+          "title": "Existe-t-il des extensions de codage IA gratuites ?",
+          "description": "Certaines proposent une offre gratuite ou un client open source, mais l’utilisation des modèles et les services hébergés peuvent être payants. Utilisez les colonnes tarifaires puis confirmez les limites auprès du fournisseur."
+        },
+        {
+          "title": "Quelle différence avec un IDE de codage IA ?",
+          "description": "Une extension s’exécute dans un éditeur existant et reprend son flux de travail. Un IDE autonome contrôle toute l’expérience. Comparez les extensions si vous souhaitez garder votre hôte actuel."
+        },
+        {
+          "title": "Ces extensions prennent-elles en charge VS Code et JetBrains ?",
+          "description": "La compatibilité varie. Consultez la colonne des IDE pris en charge, puis confirmez la version exacte et les exigences système dans la marketplace ou le guide d’installation officiel."
+        }
+      ],
+      "intro": "Comparez {count} extensions de codage IA avec les mêmes signaux : IDE pris en charge, tarifs, licence, étoiles GitHub et liens du projet, cycle de vie et ressources officielles. Filtrez d’abord la compatibilité et vérifiez les détails changeants avant installation.",
+      "profiles": [
+        {
+          "title": "GitHub Copilot",
+          "href": "/extensions/github-copilot",
+          "description": "Consultez les IDE pris en charge, tarifs, licence, étoiles GitHub, liens du projet et ressources officielles."
+        },
+        {
+          "title": "Cline",
+          "href": "/extensions/cline",
+          "description": "Consultez les IDE pris en charge, tarifs, licence, dépôt source et documentation."
+        },
+        {
+          "title": "Gemini Code Assist",
+          "href": "/extensions/gemini-code-assist",
+          "description": "Consultez la compatibilité, les tarifs, les liens du projet et la documentation officielle."
+        },
+        {
+          "title": "JetBrains Junie",
+          "href": "/extensions/jetbrains-junie",
+          "description": "Consultez la compatibilité hôte, les tarifs, les liens et les ressources officielles."
+        }
+      ],
+      "profilesIntro": "Les liens ci-dessous sont des raccourcis vers des fiches de produits déjà présentes dans le tableau, et non un classement ou une recommandation. Ouvrez chaque fiche pour consulter ses données de manifeste, son état de cycle de vie et ses sources primaires.",
+      "profilesTitle": "Explorer les fiches d’extensions",
+      "shortlistIntro": "Suivez un processus cohérent pour que la popularité ne l’emporte pas sur la compatibilité et la maintenance.",
+      "shortlistTitle": "Créer une sélection en trois étapes",
+      "steps": [
+        {
+          "title": "Définir les contraintes",
+          "description": "Listez les IDE et versions requis, le budget, les exigences de licence et le besoin éventuel d’accès au code source."
+        },
+        {
+          "title": "Filtrer de façon cohérente",
+          "description": "Écartez les produits incompatibles ou obsolètes, puis comparez le reste selon prix, licence, étoiles GitHub, liens du projet et ressources officielles."
+        },
+        {
+          "title": "Vérifier et essayer",
+          "description": "Ouvrez la fiche et l’installation officielle. Confirmez compatibilité, tarifs, autorisations et support avant un essai sur dépôt."
+        }
+      ],
+      "title": "Comment comparer les extensions de codage IA"
+    },
+    "subtitle": "Comparez les extensions de codage IA par IDE pris en charge, tarifs, licence, étoiles GitHub et liens du projet, cycle de vie et ressources officielles.",
     "title": "Comparaison d'Extensions de Codage IA"
   },
   "ides": {
-    "backTo": "Retour aux IDEs",
-    "subtitle": "Comparez les fonctionnalités, les tarifs et les spécifications des IDE propulsés par l'IA côte à côte.",
+    "guide": {
+      "criteria": [
+        {
+          "title": "Compatibilité des plateformes",
+          "description": "Commencez par les systèmes de votre équipe. Un IDE compatible avec toutes les machines nécessaires est plus simple à évaluer, standardiser et maintenir."
+        },
+        {
+          "title": "Modèle tarifaire",
+          "description": "Comparez les offres gratuites, prix de départ et niveaux payants, puis confirmez les limites sur la page officielle. Les modalités d’abonnement influencent le coût réel."
+        },
+        {
+          "title": "Licence et code source",
+          "description": "Utilisez la licence et les liens GitHub pour distinguer éditeurs open source et produits propriétaires et examiner le projet derrière chaque IDE."
+        },
+        {
+          "title": "Parcours de vérification",
+          "description": "Suivez le site, la documentation, le téléchargement, le journal des changements et les problèmes. Ces sources montrent comment l’IDE est installé, mis à jour et pris en charge."
+        }
+      ],
+      "faqTitle": "Questions sur les IDE de codage IA",
+      "faqs": [
+        {
+          "title": "Qu’est-ce qu’un IDE de codage IA ?",
+          "description": "C’est un environnement qui intègre l’assistance au codage dans l’éditeur. Il peut combiner complétion, chat, contexte du dépôt, édition, terminal et flux Agent, avec des plateformes, tarifs et licences différents."
+        },
+        {
+          "title": "Quel IDE de codage IA choisir ?",
+          "description": "Aucun n’est meilleur pour tous les flux. Sélectionnez ceux qui correspondent aux systèmes, au budget, à la licence et aux pratiques de l’équipe, puis vérifiez les candidats avec la documentation officielle et un pilote."
+        },
+        {
+          "title": "Existe-t-il des IDE de codage IA gratuits ?",
+          "description": "Certains proposent une offre gratuite ou reposent sur des éditeurs open source, mais l’utilisation des modèles ou les fonctions hébergées peuvent être payantes. Utilisez les colonnes tarifaires comme premier filtre."
+        },
+        {
+          "title": "Quelle différence avec une extension ?",
+          "description": "Un IDE de codage IA contrôle toute l’expérience d’édition. Une extension ajoute une assistance à un IDE existant. Choisissez un IDE si vous pouvez adopter un nouvel environnement, sinon envisagez une extension."
+        },
+        {
+          "title": "Fonctionnent-ils sous Windows, macOS et Linux ?",
+          "description": "La prise en charge varie. Consultez les icônes macOS, Windows et Linux, puis confirmez les exigences système dans le téléchargement ou la documentation d’installation officielle."
+        }
+      ],
+      "intro": "Comparez {count} IDE de codage IA avec des signaux cohérents : plateformes, tarifs, licence, étoiles GitHub et liens du projet, et ressources officielles. Partez des contraintes de l’équipe, créez une sélection et vérifiez les détails actuels avant de changer d’environnement.",
+      "profiles": [
+        {
+          "title": "Cursor",
+          "href": "/ides/cursor",
+          "description": "Consultez les plateformes, tarifs, licence, étoiles GitHub, liens du projet et ressources officielles."
+        },
+        {
+          "title": "Windsurf Editor",
+          "href": "/ides/windsurf",
+          "description": "Consultez les plateformes, tarifs, licence, liens du projet et documentation."
+        },
+        {
+          "title": "Kiro",
+          "href": "/ides/kiro",
+          "description": "Consultez les plateformes, tarifs, licence, liens et ressources officielles."
+        },
+        {
+          "title": "Antigravity",
+          "href": "/ides/antigravity",
+          "description": "Consultez les plateformes, tarifs, licence, liens et documentation."
+        }
+      ],
+      "profilesIntro": "Les liens ci-dessous sont des raccourcis vers des fiches de produits déjà présentes dans le tableau, et non un classement ou une recommandation. Ouvrez chaque fiche pour consulter ses données de manifeste et ses sources primaires.",
+      "profilesTitle": "Explorer les fiches de produits IDE",
+      "shortlistIntro": "Suivez un processus cohérent pour que la popularité ne remplace pas l’adéquation à la plateforme et au flux de travail.",
+      "shortlistTitle": "Créer une sélection d’IDE en trois étapes",
+      "steps": [
+        {
+          "title": "Définir les contraintes",
+          "description": "Listez systèmes requis, budget, exigences de licence et flux d’éditeur que l’équipe doit conserver."
+        },
+        {
+          "title": "Filtrer de façon cohérente",
+          "description": "Écartez les IDE qui ne respectent pas ces contraintes et comparez les autres avec les mêmes colonnes."
+        },
+        {
+          "title": "Vérifier et piloter",
+          "description": "Ouvrez chaque fiche et lien officiel. Confirmez installation, tarifs, version et support avant un pilote."
+        }
+      ],
+      "title": "Comment comparer les IDE de codage IA"
+    },
+    "subtitle": "Comparez les IDE de codage IA par tarifs, plateformes, licence, étoiles GitHub, liens du projet et ressources officielles avant de choisir un environnement.",
     "title": "Comparaison de IDE de Codage IA"
   },
   "modelCompareDescription": "Comparez les modèles de codage IA côte à côte : spécifications, tarifs, capacités et benchmarks.",
@@ -31,5 +279,8 @@
     "backTo": "Retour aux Modèles",
     "subtitle": "Comparez les spécifications et les tarifs des modèles de codage AI côte à côte.",
     "title": "Comparaison de Modèles de Codage IA"
+  },
+  "table": {
+    "scrollHint": "Faites défiler horizontalement pour voir toutes les colonnes."
   }
 }
diff --git a/translations/id/pages/comparison.json b/translations/id/pages/comparison.json
index ffb42ec..af740fe 100644
--- a/translations/id/pages/comparison.json
+++ b/translations/id/pages/comparison.json
@@ -1,6 +1,86 @@
 {
   "clis": {
-    "backTo": "Kembali ke CLI",
+    "guide": {
+      "criteria": [
+        {
+          "description": "Mulai dari sistem operasi tim Anda. CLI yang mendukung semua mesin pengembangan lebih mudah distandardisasi dan dipelihara.",
+          "title": "Kesesuaian platform"
+        },
+        {
+          "description": "Bandingkan paket gratis dan harga awal, lalu periksa sumber harga resmi. Batas penggunaan dan model yang disertakan memengaruhi biaya nyata.",
+          "title": "Model harga"
+        },
+        {
+          "description": "Gunakan lisensi dan tautan GitHub untuk membedakan alat sumber terbuka dan produk proprietari serta memeriksa proyek.",
+          "title": "Lisensi dan sumber"
+        },
+        {
+          "description": "Situs, dokumentasi, unduhan, catatan perubahan, dan isu resmi menjelaskan instalasi, pembaruan, dan dukungan.",
+          "title": "Jalur verifikasi"
+        }
+      ],
+      "faqTitle": "Pertanyaan CLI coding AI",
+      "faqs": [
+        {
+          "description": "CLI coding AI membantu pengembang memeriksa repositori, mengedit berkas, menjalankan perintah, dan menyelesaikan tugas dari terminal. Produk berbeda dalam akses model, sistem operasi, harga, lisensi, dan kontrol eksekusi.",
+          "title": "Apa itu CLI coding AI?"
+        },
+        {
+          "description": "Tidak ada satu CLI terbaik untuk semua alur kerja. Pilih alat yang sesuai dengan platform, anggaran, lisensi, serta model dan layanan tim Anda.",
+          "title": "CLI coding AI mana yang terbaik?"
+        },
+        {
+          "description": "Sebagian menawarkan paket gratis atau klien sumber terbuka, tetapi model atau fitur terkelola mungkin tetap berbayar. Saring lewat Paket Gratis dan Harga Awal, lalu periksa batas resmi.",
+          "title": "Apakah ada CLI coding AI gratis?"
+        },
+        {
+          "description": "Banyak alat mendukung Windows, macOS, dan Linux; lainnya hanya sebagian. Periksa ikon platform dan persyaratan instalasi resmi.",
+          "title": "Apakah berfungsi di Windows, macOS, dan Linux?"
+        }
+      ],
+      "intro": "Bandingkan {count} CLI coding AI dengan kriteria yang sama: platform, harga, lisensi, bintang GitHub dan tautan proyek, serta sumber resmi. Tetapkan batasan, buat daftar pendek, dan verifikasi informasi yang dapat berubah di sumbernya.",
+      "profiles": [
+        {
+          "description": "Platform, harga, dan sumber resmi agen terminal Anthropic.",
+          "href": "/clis/claude-code-cli",
+          "title": "Claude Code CLI"
+        },
+        {
+          "description": "Instalasi, lisensi, dan sumber resmi CLI OpenAI.",
+          "href": "/clis/codex-cli",
+          "title": "Codex CLI"
+        },
+        {
+          "description": "Platform, repositori sumber, dan dokumentasi agen terminal Google.",
+          "href": "/clis/gemini-cli",
+          "title": "Gemini CLI"
+        },
+        {
+          "description": "Platform, lisensi, harga, dan tautan proyek OpenCode.",
+          "href": "/clis/opencode",
+          "title": "OpenCode"
+        }
+      ],
+      "profilesIntro": "Tautan di bawah adalah pintasan ke catatan produk yang sudah tercantum dalam tabel, bukan peringkat atau rekomendasi. Buka setiap catatan untuk memeriksa data manifes dan sumber primer.",
+      "profilesTitle": "Jelajahi profil produk CLI",
+      "shortlistIntro": "Gunakan proses yang konsisten agar popularitas tidak menggantikan kecocokan alur kerja.",
+      "shortlistTitle": "Buat daftar pendek dalam tiga langkah",
+      "steps": [
+        {
+          "description": "Catat sistem operasi, anggaran, lisensi, serta kebutuhan dokumentasi atau akses sumber.",
+          "title": "Tetapkan batasan"
+        },
+        {
+          "description": "Singkirkan alat yang tidak sesuai lalu bandingkan sisanya dengan kolom yang sama.",
+          "title": "Saring secara konsisten"
+        },
+        {
+          "description": "Konfirmasi instalasi, harga, versi, dan dukungan melalui tautan resmi sebelum uji coba.",
+          "title": "Verifikasi dan uji"
+        }
+      ],
+      "title": "Cara membandingkan CLI coding AI"
+    },
     "subtitle": "Asisten pengkodean baris perintah AI",
     "title": "Perbandingan CLI Coding AI"
   },
@@ -16,13 +96,181 @@
     "startingPrice": "Harga Mulai"
   },
   "extensions": {
-    "backTo": "Kembali ke Ekstensi",
-    "subtitle": "Ekstensi dan plugin pengkodean AI",
+    "guide": {
+      "criteria": [
+        {
+          "title": "Kompatibilitas IDE host",
+          "description": "Mulai dari editor yang sudah digunakan tim. Kolom IDE yang Didukung menunjukkan apakah ekstensi cocok untuk VS Code, produk JetBrains, atau host lain sebelum membandingkan faktor lainnya."
+        },
+        {
+          "title": "Model harga",
+          "description": "Bandingkan paket gratis dan harga awal, lalu periksa batas penggunaan dan layanan yang disertakan di halaman harga resmi. Ekstensi gratis tetap dapat memerlukan akses model berbayar."
+        },
+        {
+          "title": "Lisensi dan pemeliharaan",
+          "description": "Gunakan lisensi, bintang GitHub, tautan proyek, dan label usang untuk membedakan proyek open source dari produk proprietari atau yang telah dihentikan."
+        },
+        {
+          "title": "Jalur verifikasi",
+          "description": "Sebelum memasang, buka situs, marketplace atau unduhan, dokumentasi, changelog, dan pelacak isu resmi untuk memastikan kompatibilitas dan dukungan saat ini."
+        }
+      ],
+      "faqTitle": "Pertanyaan tentang ekstensi coding AI",
+      "faqs": [
+        {
+          "title": "Apa itu ekstensi coding AI?",
+          "description": "Ekstensi coding AI menambahkan bantuan pemrograman ke editor atau IDE yang sudah ada. Produk dapat menyediakan penyelesaian, chat, konteks repositori, alur pengeditan, atau fitur Agent sambil mempertahankan aplikasi host."
+        },
+        {
+          "title": "Ekstensi coding AI mana yang terbaik?",
+          "description": "Tidak ada satu pilihan terbaik untuk semua orang. Saring berdasarkan IDE host, lingkungan, anggaran, dan lisensi, lalu bandingkan kandidat melalui dokumentasi resmi dan uji coba pada repositori kecil."
+        },
+        {
+          "title": "Apakah ada ekstensi coding AI gratis?",
+          "description": "Sebagian menawarkan paket gratis atau klien open source, tetapi penggunaan model dan layanan terkelola dapat berbayar. Gunakan kolom harga sebagai filter awal, lalu konfirmasi batas terbaru kepada penyedia."
+        },
+        {
+          "title": "Apa bedanya dengan IDE coding AI?",
+          "description": "Ekstensi berjalan di dalam editor yang ada dan mengikuti alurnya. IDE coding AI mandiri mengendalikan seluruh pengalaman editor. Bandingkan ekstensi jika Anda ingin mempertahankan host saat ini."
+        },
+        {
+          "title": "Apakah mendukung VS Code dan IDE JetBrains?",
+          "description": "Kompatibilitas berbeda menurut produk. Periksa kolom IDE yang Didukung, lalu pastikan versi editor dan persyaratan sistem di marketplace atau panduan instalasi resmi."
+        }
+      ],
+      "intro": "Bandingkan {count} ekstensi coding AI dengan sinyal yang sama: IDE yang didukung, harga, lisensi, bintang GitHub dan tautan proyek, siklus hidup, dan sumber resmi. Saring kompatibilitas terlebih dahulu dan verifikasi detail yang berubah sebelum instalasi.",
+      "profiles": [
+        {
+          "title": "GitHub Copilot",
+          "href": "/extensions/github-copilot",
+          "description": "Tinjau IDE yang didukung, harga, lisensi, bintang GitHub, tautan proyek, dan sumber resmi."
+        },
+        {
+          "title": "Cline",
+          "href": "/extensions/cline",
+          "description": "Tinjau IDE yang didukung, harga, lisensi, repositori sumber, dan dokumentasi."
+        },
+        {
+          "title": "Gemini Code Assist",
+          "href": "/extensions/gemini-code-assist",
+          "description": "Tinjau kompatibilitas, harga, tautan proyek, dan dokumentasi resmi."
+        },
+        {
+          "title": "JetBrains Junie",
+          "href": "/extensions/jetbrains-junie",
+          "description": "Tinjau kompatibilitas host, harga, tautan proyek, dan sumber resmi."
+        }
+      ],
+      "profilesIntro": "Tautan di bawah adalah pintasan ke catatan produk yang sudah tercantum dalam tabel, bukan peringkat atau rekomendasi. Buka setiap catatan untuk memeriksa data manifes, status siklus hidup, dan sumber primer.",
+      "profilesTitle": "Jelajahi profil produk ekstensi",
+      "shortlistIntro": "Gunakan proses yang konsisten agar popularitas tidak mengalahkan kompatibilitas dan status pemeliharaan.",
+      "shortlistTitle": "Buat daftar pendek ekstensi dalam tiga langkah",
+      "steps": [
+        {
+          "title": "Tetapkan batas kompatibilitas",
+          "description": "Daftar IDE dan versi wajib, anggaran, persyaratan lisensi, serta kebutuhan akses kode sumber."
+        },
+        {
+          "title": "Saring secara konsisten",
+          "description": "Hapus produk yang tidak kompatibel atau usang, lalu bandingkan sisanya berdasarkan harga, lisensi, bintang GitHub, tautan proyek, dan sumber resmi."
+        },
+        {
+          "title": "Verifikasi dan uji",
+          "description": "Buka catatan dan instalasi resmi. Pastikan kompatibilitas, harga terbaru, izin, dan dukungan sebelum uji repositori."
+        }
+      ],
+      "title": "Cara membandingkan ekstensi coding AI"
+    },
+    "subtitle": "Bandingkan ekstensi coding AI berdasarkan IDE yang didukung, harga, lisensi, bintang GitHub dan tautan proyek, siklus hidup, dan sumber resmi.",
     "title": "Perbandingan Ekstensi Coding AI"
   },
   "ides": {
-    "backTo": "Kembali ke IDE",
-    "subtitle": "Lingkungan pengembangan terintegrasi yang ditingkatkan dengan AI",
+    "guide": {
+      "criteria": [
+        {
+          "title": "Kesesuaian platform",
+          "description": "Mulai dari sistem operasi tim. IDE yang mendukung semua perangkat pengembangan wajib lebih mudah dievaluasi, distandardisasi, dan dipelihara."
+        },
+        {
+          "title": "Model harga",
+          "description": "Bandingkan paket gratis, harga awal, dan tingkat berbayar, lalu konfirmasi batas terbaru di halaman resmi. Detail langganan memengaruhi biaya adopsi sebenarnya."
+        },
+        {
+          "title": "Lisensi dan sumber",
+          "description": "Gunakan lisensi dan tautan GitHub untuk membedakan editor open source dari produk proprietari dan memeriksa proyek di balik setiap IDE."
+        },
+        {
+          "title": "Jalur verifikasi",
+          "description": "Ikuti situs, dokumentasi, unduhan, changelog, dan tautan isu resmi. Sumber ini menunjukkan cara IDE dipasang, diperbarui, dan didukung."
+        }
+      ],
+      "faqTitle": "Pertanyaan tentang IDE coding AI",
+      "faqs": [
+        {
+          "title": "Apa itu IDE coding AI?",
+          "description": "IDE coding AI adalah lingkungan pengembangan yang mengintegrasikan bantuan pemrograman ke pengalaman editor. Produk dapat menggabungkan penyelesaian, chat, konteks repositori, pengeditan, terminal, dan alur Agent."
+        },
+        {
+          "title": "IDE coding AI mana yang terbaik?",
+          "description": "Tidak ada satu IDE terbaik untuk semua alur. Pilih produk yang sesuai dengan sistem, anggaran, lisensi, serta cara tim mengedit, meninjau, dan menjalankan kode, lalu verifikasi melalui dokumentasi dan pilot."
+        },
+        {
+          "title": "Apakah ada IDE coding AI gratis?",
+          "description": "Sebagian memiliki paket gratis atau berbasis editor open source, tetapi penggunaan model atau fitur terkelola dapat berbayar. Gunakan kolom harga sebagai filter awal."
+        },
+        {
+          "title": "Apa bedanya dengan ekstensi?",
+          "description": "IDE coding AI mengendalikan seluruh pengalaman editor. Ekstensi menambahkan bantuan ke IDE yang ada. Pilih IDE jika bisa mengadopsi lingkungan baru, atau ekstensi jika host saat ini harus dipertahankan."
+        },
+        {
+          "title": "Apakah bekerja di Windows, macOS, dan Linux?",
+          "description": "Dukungan platform berbeda menurut produk. Periksa ikon macOS, Windows, dan Linux, lalu konfirmasi persyaratan sistem di unduhan atau dokumentasi instalasi resmi."
+        }
+      ],
+      "intro": "Bandingkan {count} IDE coding AI dengan sinyal konsisten: platform, harga, lisensi, bintang GitHub dan tautan proyek, serta sumber resmi. Mulai dari batas tim, buat daftar pendek, dan verifikasi detail terbaru sebelum mengganti lingkungan.",
+      "profiles": [
+        {
+          "title": "Cursor",
+          "href": "/ides/cursor",
+          "description": "Tinjau platform, harga, lisensi, bintang GitHub, tautan proyek, dan sumber resmi."
+        },
+        {
+          "title": "Windsurf Editor",
+          "href": "/ides/windsurf",
+          "description": "Tinjau platform, harga, lisensi, tautan proyek, dan dokumentasi."
+        },
+        {
+          "title": "Kiro",
+          "href": "/ides/kiro",
+          "description": "Tinjau platform, harga, lisensi, tautan proyek, dan sumber resmi."
+        },
+        {
+          "title": "Antigravity",
+          "href": "/ides/antigravity",
+          "description": "Tinjau platform, harga, lisensi, tautan proyek, dan dokumentasi."
+        }
+      ],
+      "profilesIntro": "Tautan di bawah adalah pintasan ke catatan produk yang sudah tercantum dalam tabel, bukan peringkat atau rekomendasi. Buka setiap catatan untuk memeriksa data manifes dan sumber primer.",
+      "profilesTitle": "Jelajahi profil produk IDE",
+      "shortlistIntro": "Gunakan proses yang konsisten agar popularitas tidak menggantikan kesesuaian platform dan alur kerja.",
+      "shortlistTitle": "Buat daftar pendek IDE dalam tiga langkah",
+      "steps": [
+        {
+          "title": "Tetapkan batas",
+          "description": "Daftar sistem operasi wajib, batas anggaran, persyaratan lisensi, dan alur editor yang harus dipertahankan tim."
+        },
+        {
+          "title": "Saring secara konsisten",
+          "description": "Hapus IDE yang tidak memenuhi batas tersebut dan bandingkan sisanya dengan kolom yang sama."
+        },
+        {
+          "title": "Verifikasi dan pilot",
+          "description": "Buka catatan dan tautan resmi. Pastikan instalasi, harga, versi terbaru, dan dukungan sebelum pilot."
+        }
+      ],
+      "title": "Cara membandingkan IDE coding AI"
+    },
+    "subtitle": "Bandingkan IDE coding AI berdasarkan harga, dukungan platform, lisensi, bintang GitHub, tautan proyek, dan sumber resmi sebelum memilih lingkungan.",
     "title": "Perbandingan IDE Coding AI"
   },
   "modelCompareDescription": "Bandingkan model coding AI secara berdampingan: spesifikasi, harga, kapabilitas, dan benchmark.",
@@ -31,5 +279,8 @@
     "backTo": "Kembali ke Model",
     "subtitle": "Model bahasa besar yang dioptimalkan untuk pembuatan dan analisis kode",
     "title": "Perbandingan Model Coding AI"
+  },
+  "table": {
+    "scrollHint": "Gulir secara horizontal untuk melihat semua kolom."
   }
 }
diff --git a/translations/ja/pages/comparison.json b/translations/ja/pages/comparison.json
index 4b3268d..f90bdeb 100644
--- a/translations/ja/pages/comparison.json
+++ b/translations/ja/pages/comparison.json
@@ -1,6 +1,86 @@
 {
   "clis": {
-    "backTo": "CLIに戻る",
+    "guide": {
+      "criteria": [
+        {
+          "description": "まずチームが使用する OS を確認します。必要なすべての開発環境をサポートする CLI なら、標準化と保守が容易です。",
+          "title": "プラットフォーム適合性"
+        },
+        {
+          "description": "無料プランと開始価格を比較し、公式料金ページを確認します。利用上限や含まれるモデルで実際の費用は変わります。",
+          "title": "料金モデル"
+        },
+        {
+          "description": "ライセンスと GitHub リンクから、オープンソースとプロプライエタリ製品を区別し、各プロジェクトを確認します。",
+          "title": "ライセンスとソース"
+        },
+        {
+          "description": "公式サイト、ドキュメント、ダウンロード、変更履歴、Issue から導入・更新・サポート方法を確認します。",
+          "title": "確認経路"
+        }
+      ],
+      "faqTitle": "AI コーディング CLI のよくある質問",
+      "faqs": [
+        {
+          "description": "AI コーディング CLI は、ターミナルからリポジトリ調査、ファイル編集、コマンド実行、開発タスクを支援するツールです。モデル利用、OS、料金、ライセンス、実行制御が製品ごとに異なります。",
+          "title": "AI コーディング CLI とは？"
+        },
+        {
+          "description": "すべてのワークフローに最適な CLI はありません。必要な OS、予算、ライセンス、ソースアクセス、既存サービスとの連携を満たすものを選びます。",
+          "title": "最適な AI コーディング CLI は？"
+        },
+        {
+          "description": "無料プランやオープンソースのクライアントでも、モデル利用やホスト機能に費用がかかる場合があります。無料プランと開始価格で絞り、公式料金ページで確認してください。",
+          "title": "無料の AI コーディング CLI はある？"
+        },
+        {
+          "description": "Windows、macOS、Linux のすべてまたは一部に対応します。表のアイコンと公式ドキュメントで導入要件を確認してください。",
+          "title": "Windows、macOS、Linux で使える？"
+        }
+      ],
+      "intro": "{count} 個の AI コーディング CLI を、対応 OS、料金、ライセンス、GitHub スターとプロジェクトリンク、公式情報という共通基準で比較します。条件から候補を絞り、導入前に変化する情報を一次情報で確認してください。",
+      "profiles": [
+        {
+          "description": "Anthropic のターミナルエージェントの対応 OS、料金、公式情報。",
+          "href": "/clis/claude-code-cli",
+          "title": "Claude Code CLI"
+        },
+        {
+          "description": "OpenAI のコーディング CLI の導入方法、ライセンス、公式情報。",
+          "href": "/clis/codex-cli",
+          "title": "Codex CLI"
+        },
+        {
+          "description": "Google のターミナルエージェントの対応 OS、リポジトリ、ドキュメント。",
+          "href": "/clis/gemini-cli",
+          "title": "Gemini CLI"
+        },
+        {
+          "description": "OpenCode CLI の対応 OS、ライセンス、料金、プロジェクトリンク。",
+          "href": "/clis/opencode",
+          "title": "OpenCode"
+        }
+      ],
+      "profilesIntro": "以下のリンクは、表に掲載済みの製品レコードへのショートカットであり、ランキングや推奨ではありません。各レコードでmanifestデータと一次情報を確認してください。",
+      "profilesTitle": "CLI 製品プロフィールを見る",
+      "shortlistIntro": "人気ではなくワークフローへの適合性で判断できるよう、同じ手順を使います。",
+      "shortlistTitle": "3 ステップで候補を絞る",
+      "steps": [
+        {
+          "description": "必要な OS、予算、ライセンス、ドキュメントやソースアクセスの要否を整理します。",
+          "title": "条件を決める"
+        },
+        {
+          "description": "条件に合わないツールを除外し、残った候補を同じ列で比較します。",
+          "title": "同じ基準で絞る"
+        },
+        {
+          "description": "製品レコードと公式リンクで、試用前に導入、料金、現行版、サポートを確認します。",
+          "title": "確認して試す"
+        }
+      ],
+      "title": "AI コーディング CLI の比較方法"
+    },
     "subtitle": "AIコーディングCLIツールの機能、価格、仕様を並べて比較",
     "title": "AI コーディング CLI 比較"
   },
@@ -16,13 +96,181 @@
     "startingPrice": "開始価格"
   },
   "extensions": {
-    "backTo": "拡張機能に戻る",
-    "subtitle": "AIコーディング拡張機能とプラグインの機能、価格、仕様を並べて比較",
+    "guide": {
+      "criteria": [
+        {
+          "title": "ホストIDEとの互換性",
+          "description": "まずチームが利用しているエディターを確認します。「対応IDE」列で、VS Code、JetBrains製品、その他のホストに適合するかを絞り込んでから、残りの条件を比較します。"
+        },
+        {
+          "title": "料金モデル",
+          "description": "無料プランと開始価格を比較し、使用上限や含まれるサービスを公式料金ページで確認します。無料の拡張機能でもモデル利用が有料の場合があります。"
+        },
+        {
+          "title": "ライセンスと保守状況",
+          "description": "ライセンス、GitHub スターとプロジェクトリンク、非推奨バッジを使い、オープンソース、プロプライエタリ製品、終了した製品を区別します。"
+        },
+        {
+          "title": "確認経路",
+          "description": "インストール前に公式サイト、マーケットまたはダウンロードページ、ドキュメント、変更履歴、課題管理を開き、現在の互換性とサポートを確認します。"
+        }
+      ],
+      "faqTitle": "AIコーディング拡張機能のよくある質問",
+      "faqs": [
+        {
+          "title": "AIコーディング拡張機能とは？",
+          "description": "AIコーディング拡張機能は、既存のエディターやIDEにコーディング支援を追加するソフトウェアです。補完、チャット、リポジトリのコンテキスト、編集ワークフロー、Agent機能などを提供しながら、使い慣れたホストを継続できます。"
+        },
+        {
+          "title": "最適なAIコーディング拡張機能は？",
+          "description": "すべての開発者に最適な製品はありません。ホストIDE、実行環境、予算、ライセンス要件で絞り込み、公式ドキュメントと小規模なリポジトリで残りの候補を試します。"
+        },
+        {
+          "title": "無料のAIコーディング拡張機能はある？",
+          "description": "無料プランやオープンソースのクライアントを提供する製品もありますが、モデル利用やホスト型サービスは有料の場合があります。表で一次選別し、最新の制限を提供元で確認してください。"
+        },
+        {
+          "title": "AIコーディングIDEとの違いは？",
+          "description": "拡張機能は既存エディター内で動作し、そのワークフローを引き継ぎます。単独のAIコーディングIDEはエディター体験全体を管理します。現在のホストを維持したい場合は拡張機能を比較します。"
+        },
+        {
+          "title": "VS CodeとJetBrains IDEに対応している？",
+          "description": "互換性は製品ごとに異なります。「対応IDE」列を確認し、公式マーケットやインストール資料で具体的なエディターのバージョンとOS要件を確認してください。"
+        }
+      ],
+      "intro": "{count}件のAIコーディング拡張機能を、対応IDE、料金、ライセンス、GitHub スターとプロジェクトリンク、ライフサイクル、公式情報という共通の基準で比較します。互換性で絞り込み、導入前に一次情報で変化しやすい製品情報を確認します。",
+      "profiles": [
+        {
+          "title": "GitHub Copilot",
+          "href": "/extensions/github-copilot",
+          "description": "対応IDE、料金、ライセンス、GitHub スターとプロジェクトリンク、公式情報を確認します。"
+        },
+        {
+          "title": "Cline",
+          "href": "/extensions/cline",
+          "description": "対応IDE、料金、ライセンス、ソースリポジトリ、資料を確認します。"
+        },
+        {
+          "title": "Gemini Code Assist",
+          "href": "/extensions/gemini-code-assist",
+          "description": "互換性、料金、プロジェクトリンク、公式資料を確認します。"
+        },
+        {
+          "title": "JetBrains Junie",
+          "href": "/extensions/jetbrains-junie",
+          "description": "ホスト互換性、料金、プロジェクトリンク、公式情報を確認します。"
+        }
+      ],
+      "profilesIntro": "以下のリンクは、表に掲載済みの製品レコードへのショートカットであり、ランキングや推奨ではありません。各レコードでmanifestデータ、ライフサイクル状態、一次情報を確認してください。",
+      "profilesTitle": "拡張機能の製品プロフィールを見る",
+      "shortlistIntro": "人気よりもエディター互換性と保守状況を優先する一貫した手順を使います。",
+      "shortlistTitle": "3ステップで候補を絞り込む",
+      "steps": [
+        {
+          "title": "互換性の条件を決める",
+          "description": "必須のIDEとエディターのバージョン、予算、ライセンス要件、ソースへのアクセス要否を整理します。"
+        },
+        {
+          "title": "同じ基準で絞り込む",
+          "description": "非互換または非推奨の製品を除外し、料金、ライセンス、GitHub スターとプロジェクトリンク、公式情報で残りを比較します。"
+        },
+        {
+          "title": "確認して試す",
+          "description": "公式インストール情報を開き、互換性、現在の料金、権限、サポートを確認してからリポジトリで試します。"
+        }
+      ],
+      "title": "AIコーディング拡張機能の比較方法"
+    },
+    "subtitle": "対応IDE、料金、ライセンス、GitHub スターとプロジェクトリンク、ライフサイクル、公式情報を比較し、エディターに適したAIコーディング拡張機能を選べます。",
     "title": "AI コーディング拡張機能比較"
   },
   "ides": {
-    "backTo": "IDEに戻る",
-    "subtitle": "AI対応IDEの機能、価格、仕様を並べて比較",
+    "guide": {
+      "criteria": [
+        {
+          "title": "プラットフォーム適合性",
+          "description": "チームが使うOSから始めます。必要な開発マシンをすべてサポートするIDEは、評価、標準化、保守が容易です。"
+        },
+        {
+          "title": "料金モデル",
+          "description": "無料プラン、開始価格、有料階層を比較し、公式料金ページで現在の制限を確認します。契約条件は実際の導入費用に影響します。"
+        },
+        {
+          "title": "ライセンスとソース",
+          "description": "ライセンスとGitHubリンクでオープンソースのエディターとプロプライエタリ製品を区別し、各IDEの基盤となるプロジェクトを確認します。"
+        },
+        {
+          "title": "確認経路",
+          "description": "公式サイト、ドキュメント、ダウンロード、変更履歴、課題リンクから、インストール、更新、サポート状況を確認します。"
+        }
+      ],
+      "faqTitle": "AIコーディングIDEのよくある質問",
+      "faqs": [
+        {
+          "title": "AIコーディングIDEとは？",
+          "description": "AIコーディングIDEは、コーディング支援をエディター体験に統合した開発環境です。補完、チャット、リポジトリのコンテキスト、コード編集、ターミナル、Agentワークフローなどを組み合わせます。"
+        },
+        {
+          "title": "最適なAIコーディングIDEは？",
+          "description": "すべてのワークフローに最適なIDEはありません。OS、予算、ライセンス要件、編集・レビュー・実行方法に合う製品を絞り込み、公式資料と試験導入で確認します。"
+        },
+        {
+          "title": "無料のAIコーディングIDEはある？",
+          "description": "無料プランを提供する製品やオープンソースエディターを基盤とする製品がありますが、モデル利用やホスト機能は有料の場合があります。料金列で絞り込み、提供元で確認します。"
+        },
+        {
+          "title": "拡張機能との違いは？",
+          "description": "AIコーディングIDEはエディター体験全体を管理します。拡張機能は既存IDEに支援を追加します。新しい環境を採用できる場合はIDE、現在のホスト維持が重要なら拡張機能を検討します。"
+        },
+        {
+          "title": "Windows、macOS、Linuxで使える？",
+          "description": "対応OSは製品ごとに異なります。表のmacOS、Windows、Linuxアイコンを確認し、公式ダウンロードまたはインストール資料でシステム要件を確認してください。"
+        }
+      ],
+      "intro": "{count}件のAIコーディングIDEを、対応プラットフォーム、料金、ライセンス、GitHub スターとプロジェクトリンク、公式情報という共通基準で比較します。チームの条件から候補を作り、環境を変更する前に一次情報で現在の詳細を確認します。",
+      "profiles": [
+        {
+          "title": "Cursor",
+          "href": "/ides/cursor",
+          "description": "対応プラットフォーム、料金、ライセンス、GitHub スターとプロジェクトリンク、公式情報を確認します。"
+        },
+        {
+          "title": "Windsurf Editor",
+          "href": "/ides/windsurf",
+          "description": "対応プラットフォーム、料金、ライセンス、リンク、資料を確認します。"
+        },
+        {
+          "title": "Kiro",
+          "href": "/ides/kiro",
+          "description": "対応プラットフォーム、料金、ライセンス、リンク、公式情報を確認します。"
+        },
+        {
+          "title": "Antigravity",
+          "href": "/ides/antigravity",
+          "description": "対応プラットフォーム、料金、ライセンス、リンク、資料を確認します。"
+        }
+      ],
+      "profilesIntro": "以下のリンクは、表に掲載済みの製品レコードへのショートカットであり、ランキングや推奨ではありません。各レコードでmanifestデータと一次情報を確認してください。",
+      "profilesTitle": "IDE 製品プロフィールを見る",
+      "shortlistIntro": "人気ではなくプラットフォームとワークフローへの適合性を比較する手順を使います。",
+      "shortlistTitle": "3ステップでIDE候補を作る",
+      "steps": [
+        {
+          "title": "条件を決める",
+          "description": "必須OS、予算上限、ライセンス要件、チームが維持すべきエディターワークフローを整理します。"
+        },
+        {
+          "title": "同じ基準で絞り込む",
+          "description": "条件に合わないIDEを除外し、残りを同じ列で比較します。"
+        },
+        {
+          "title": "確認して試験導入する",
+          "description": "各製品レコードと公式リンクを開き、インストール、料金、現在のバージョン、サポートを確認します。"
+        }
+      ],
+      "title": "AIコーディングIDEの比較方法"
+    },
+    "subtitle": "料金、対応プラットフォーム、ライセンス、GitHub スターとプロジェクトリンク、公式情報を比較し、チームに適したAIコーディングIDEを選べます。",
     "title": "AI コーディング IDE 比較"
   },
   "modelCompareDescription": "AIコーディングモデルを並べて比較：仕様、価格、機能、ベンチマーク。",
@@ -31,5 +279,8 @@
     "backTo": "モデルに戻る",
     "subtitle": "コード生成と分析に最適化された大規模言語モデルの仕様と価格を並べて比較",
     "title": "AI コーディングモデル比較"
+  },
+  "table": {
+    "scrollHint": "横にスクロールしてすべての列を表示します。"
   }
 }
diff --git a/translations/ko/pages/comparison.json b/translations/ko/pages/comparison.json
index 5f6a88c..bc81b8b 100644
--- a/translations/ko/pages/comparison.json
+++ b/translations/ko/pages/comparison.json
@@ -1,6 +1,86 @@
 {
   "clis": {
-    "backTo": "CLI로 돌아가기",
+    "guide": {
+      "criteria": [
+        {
+          "description": "먼저 팀의 운영체제를 확인하세요. 필요한 모든 개발 환경을 지원하는 CLI가 표준화와 유지보수에 유리합니다.",
+          "title": "플랫폼 적합성"
+        },
+        {
+          "description": "무료 요금제와 시작 가격을 비교하고 공식 가격 정보를 확인하세요. 사용 한도와 포함 모델이 실제 비용을 바꿀 수 있습니다.",
+          "title": "가격 모델"
+        },
+        {
+          "description": "라이선스와 GitHub 링크로 오픈 소스와 독점 제품을 구분하고 각 프로젝트를 살펴보세요.",
+          "title": "라이선스와 소스"
+        },
+        {
+          "description": "공식 웹사이트, 문서, 다운로드, 변경 기록, 이슈 링크에서 설치, 업데이트, 지원 방식을 확인하세요.",
+          "title": "검증 경로"
+        }
+      ],
+      "faqTitle": "AI 코딩 CLI 자주 묻는 질문",
+      "faqs": [
+        {
+          "description": "AI 코딩 CLI는 터미널에서 저장소 확인, 파일 편집, 명령 실행, 코딩 작업을 돕는 명령줄 도구입니다. 모델 접근, 운영체제, 가격, 라이선스, 실행 제어가 제품마다 다릅니다.",
+          "title": "AI 코딩 CLI란 무엇인가요?"
+        },
+        {
+          "description": "모든 워크플로에 가장 좋은 CLI는 없습니다. 필요한 플랫폼, 예산, 라이선스, 소스 접근, 기존 모델과 서비스 연동을 충족하는 도구를 고르세요.",
+          "title": "어떤 AI 코딩 CLI가 가장 좋은가요?"
+        },
+        {
+          "description": "무료 요금제나 오픈 소스 클라이언트도 모델 사용이나 호스팅 기능에는 비용이 들 수 있습니다. 무료 요금제와 시작 가격으로 먼저 필터링하고 공식 가격 페이지를 확인하세요.",
+          "title": "무료 AI 코딩 CLI가 있나요?"
+        },
+        {
+          "description": "Windows, macOS, Linux를 모두 또는 일부 지원합니다. 표의 아이콘과 공식 문서에서 설치 요구사항을 확인하세요.",
+          "title": "Windows, macOS, Linux에서 작동하나요?"
+        }
+      ],
+      "intro": "{count}개의 AI 코딩 CLI를 플랫폼, 가격, 라이선스, GitHub 스타와 프로젝트 링크, 공식 자료라는 동일한 기준으로 비교하세요. 워크플로 조건으로 후보를 좁히고 도입 전에 변동 가능한 정보를 원문에서 확인하세요.",
+      "profiles": [
+        {
+          "description": "Anthropic 터미널 에이전트의 플랫폼, 가격, 공식 자료.",
+          "href": "/clis/claude-code-cli",
+          "title": "Claude Code CLI"
+        },
+        {
+          "description": "OpenAI 코딩 CLI의 설치, 라이선스, 공식 자료.",
+          "href": "/clis/codex-cli",
+          "title": "Codex CLI"
+        },
+        {
+          "description": "Google 터미널 에이전트의 플랫폼, 소스 저장소, 문서.",
+          "href": "/clis/gemini-cli",
+          "title": "Gemini CLI"
+        },
+        {
+          "description": "OpenCode CLI의 플랫폼, 라이선스, 가격, 프로젝트 링크.",
+          "href": "/clis/opencode",
+          "title": "OpenCode"
+        }
+      ],
+      "profilesIntro": "아래 링크는 표에 이미 나열된 제품 레코드로 이동하는 바로가기이며 순위나 추천이 아닙니다. 각 레코드에서 manifest 데이터와 1차 출처를 확인하세요.",
+      "profilesTitle": "CLI 제품 프로필 살펴보기",
+      "shortlistIntro": "제품 인기가 워크플로 적합성을 대신하지 않도록 일관된 절차를 사용하세요.",
+      "shortlistTitle": "3단계로 CLI 후보 만들기",
+      "steps": [
+        {
+          "description": "운영체제, 예산, 라이선스, 공식 문서나 소스 접근 필요 여부를 정리하세요.",
+          "title": "제약 조건 설정"
+        },
+        {
+          "description": "조건에 맞지 않는 도구를 제외하고 남은 항목을 동일한 열로 비교하세요.",
+          "title": "일관되게 필터링"
+        },
+        {
+          "description": "시험 전에 제품 레코드와 공식 링크에서 설치, 가격, 버전, 지원을 확인하세요.",
+          "title": "검증하고 시험하기"
+        }
+      ],
+      "title": "AI 코딩 CLI 도구 비교 방법"
+    },
     "subtitle": "AI 기반 명령줄 코딩 어시스턴트",
     "title": "AI 코딩 CLI 비교"
   },
@@ -16,13 +96,181 @@
     "startingPrice": "시작 가격"
   },
   "extensions": {
-    "backTo": "확장 프로그램으로 돌아가기",
-    "subtitle": "AI 기반 코딩 확장 프로그램 및 플러그인",
+    "guide": {
+      "criteria": [
+        {
+          "title": "호스트 IDE 호환성",
+          "description": "팀이 사용하는 편집기부터 확인하세요. 지원 IDE 열에서 VS Code, JetBrains 제품 또는 다른 호스트와 맞는지 확인한 뒤 나머지 조건을 비교합니다."
+        },
+        {
+          "title": "가격 모델",
+          "description": "무료 플랜과 시작 가격을 비교하고 공식 가격 페이지에서 사용 한도와 포함 서비스를 확인하세요. 무료 확장 프로그램도 모델 사용료가 필요할 수 있습니다."
+        },
+        {
+          "title": "라이선스와 유지 관리",
+          "description": "라이선스, GitHub 스타와 프로젝트 링크, 사용 중단 배지를 통해 오픈 소스 프로젝트와 독점 제품, 종료된 제품을 구분합니다."
+        },
+        {
+          "title": "검증 경로",
+          "description": "설치 전에 공식 사이트, 마켓 또는 다운로드 페이지, 문서, 변경 로그와 이슈 추적기를 열어 현재 호환성과 지원 상태를 확인하세요."
+        }
+      ],
+      "faqTitle": "AI 코딩 확장 프로그램 질문",
+      "faqs": [
+        {
+          "title": "AI 코딩 확장 프로그램이란?",
+          "description": "기존 편집기나 IDE에 코딩 지원을 추가하는 소프트웨어입니다. 제품에 따라 완성, 채팅, 저장소 컨텍스트, 편집 워크플로 또는 Agent 기능을 제공하면서 익숙한 호스트를 계속 사용할 수 있습니다."
+        },
+        {
+          "title": "어떤 AI 코딩 확장 프로그램이 가장 좋은가요?",
+          "description": "모든 개발자에게 맞는 하나의 제품은 없습니다. 호스트 IDE, 실행 환경, 예산과 라이선스 요건으로 먼저 거른 뒤 공식 문서와 작은 저장소 시험으로 나머지를 비교하세요."
+        },
+        {
+          "title": "무료 AI 코딩 확장 프로그램이 있나요?",
+          "description": "일부 제품은 무료 플랜이나 오픈 소스 클라이언트를 제공하지만 모델 사용과 호스팅 서비스는 유료일 수 있습니다. 표로 1차 필터링한 뒤 제공업체의 최신 한도를 확인하세요."
+        },
+        {
+          "title": "AI 코딩 IDE와 무엇이 다른가요?",
+          "description": "확장 프로그램은 기존 편집기 안에서 실행되며 그 워크플로를 따릅니다. 독립형 AI 코딩 IDE는 편집기 경험 전체를 제어합니다. 현재 호스트를 유지하려면 확장 프로그램을 비교하세요."
+        },
+        {
+          "title": "VS Code와 JetBrains IDE를 지원하나요?",
+          "description": "호환성은 제품마다 다릅니다. 지원 IDE 열을 확인한 뒤 공식 마켓이나 설치 문서에서 정확한 편집기 버전과 운영 체제 요구 사항을 검증하세요."
+        }
+      ],
+      "intro": "{count}개의 AI 코딩 확장 프로그램을 지원 IDE, 가격, 라이선스, GitHub 스타와 프로젝트 링크, 수명 주기와 공식 자료라는 같은 기준으로 비교합니다. 먼저 호환성으로 거르고 설치 전에 1차 출처에서 변할 수 있는 정보를 확인하세요.",
+      "profiles": [
+        {
+          "title": "GitHub Copilot",
+          "href": "/extensions/github-copilot",
+          "description": "지원 IDE, 가격, 라이선스, GitHub 스타와 프로젝트 링크, 공식 자료를 확인합니다."
+        },
+        {
+          "title": "Cline",
+          "href": "/extensions/cline",
+          "description": "지원 IDE, 가격, 라이선스, 소스 저장소와 문서를 확인합니다."
+        },
+        {
+          "title": "Gemini Code Assist",
+          "href": "/extensions/gemini-code-assist",
+          "description": "호환성, 가격, 프로젝트 링크와 공식 문서를 확인합니다."
+        },
+        {
+          "title": "JetBrains Junie",
+          "href": "/extensions/jetbrains-junie",
+          "description": "호스트 호환성, 가격, 프로젝트 링크와 공식 자료를 확인합니다."
+        }
+      ],
+      "profilesIntro": "아래 링크는 표에 이미 나열된 제품 레코드로 이동하는 바로가기이며 순위나 추천이 아닙니다. 각 레코드에서 manifest 데이터, 수명 주기 상태와 1차 출처를 확인하세요.",
+      "profilesTitle": "확장 프로그램 제품 프로필 살펴보기",
+      "shortlistIntro": "인기보다 편집기 호환성과 유지 관리 상태를 우선하는 일관된 절차를 사용하세요.",
+      "shortlistTitle": "3단계로 확장 프로그램 후보 만들기",
+      "steps": [
+        {
+          "title": "호환성 조건 설정",
+          "description": "필수 IDE와 편집기 버전, 예산, 라이선스 요건, 소스 접근 필요 여부를 정리합니다."
+        },
+        {
+          "title": "같은 기준으로 필터링",
+          "description": "호환되지 않거나 사용 중단된 제품을 제외하고 가격, 라이선스, GitHub 스타와 프로젝트 링크, 공식 자료로 나머지를 비교합니다."
+        },
+        {
+          "title": "검증하고 시험하기",
+          "description": "공식 설치 출처를 열어 호환성, 현재 가격, 권한과 지원을 확인한 뒤 저장소에서 시험합니다."
+        }
+      ],
+      "title": "AI 코딩 확장 프로그램 비교 방법"
+    },
+    "subtitle": "지원 IDE, 가격, 라이선스, GitHub 스타와 프로젝트 링크, 수명 주기와 공식 자료를 기준으로 AI 코딩 확장 프로그램을 비교하고 편집기에 맞는 도우미를 선택하세요.",
     "title": "AI 코딩 확장 비교"
   },
   "ides": {
-    "backTo": "IDE로 돌아가기",
-    "subtitle": "AI 강화 통합 개발 환경",
+    "guide": {
+      "criteria": [
+        {
+          "title": "플랫폼 적합성",
+          "description": "팀이 사용하는 운영 체제부터 확인하세요. 필요한 모든 개발 장치를 지원하는 IDE는 평가, 표준화와 유지 관리가 더 쉽습니다."
+        },
+        {
+          "title": "가격 모델",
+          "description": "무료 플랜, 시작 가격과 유료 단계를 비교하고 공식 가격 페이지에서 최신 한도를 확인하세요. 구독 조건은 실제 도입 비용에 영향을 줍니다."
+        },
+        {
+          "title": "라이선스와 소스",
+          "description": "라이선스와 GitHub 링크를 통해 오픈 소스 편집기와 독점 제품을 구분하고 각 IDE의 기반 프로젝트를 살펴보세요."
+        },
+        {
+          "title": "검증 경로",
+          "description": "공식 사이트, 문서, 다운로드, 변경 로그와 이슈 링크에서 IDE의 설치, 업데이트와 지원 방식을 확인하세요."
+        }
+      ],
+      "faqTitle": "AI 코딩 IDE 질문",
+      "faqs": [
+        {
+          "title": "AI 코딩 IDE란?",
+          "description": "코딩 지원을 편집기 경험에 통합한 개발 환경입니다. 제품에 따라 완성, 채팅, 저장소 컨텍스트, 코드 편집, 터미널 접근과 Agent 워크플로를 결합하며 플랫폼과 가격, 라이선스가 다릅니다."
+        },
+        {
+          "title": "어떤 AI 코딩 IDE가 가장 좋은가요?",
+          "description": "모든 워크플로에 맞는 하나의 IDE는 없습니다. 운영 체제, 예산, 라이선스와 팀의 편집·검토·실행 방식에 맞는 제품을 추린 뒤 공식 문서와 파일럿으로 검증하세요."
+        },
+        {
+          "title": "무료 AI 코딩 IDE가 있나요?",
+          "description": "무료 플랜을 제공하거나 오픈 소스 편집기를 기반으로 한 제품이 있지만 모델 사용이나 호스팅 기능은 유료일 수 있습니다. 가격 열로 거른 뒤 제공업체에서 확인하세요."
+        },
+        {
+          "title": "확장 프로그램과 무엇이 다른가요?",
+          "description": "AI 코딩 IDE는 편집기 경험 전체를 제어하고 확장 프로그램은 기존 IDE에 지원을 추가합니다. 새 환경을 채택할 수 있으면 IDE를, 현재 호스트 유지가 중요하면 확장 프로그램을 검토하세요."
+        },
+        {
+          "title": "Windows, macOS와 Linux에서 작동하나요?",
+          "description": "플랫폼 지원은 제품마다 다릅니다. 표의 macOS, Windows, Linux 아이콘을 확인하고 공식 다운로드 또는 설치 문서에서 시스템 요구 사항을 검증하세요."
+        }
+      ],
+      "intro": "{count}개의 AI 코딩 IDE를 플랫폼 지원, 가격, 라이선스, GitHub 스타와 프로젝트 링크, 공식 자료라는 일관된 기준으로 비교합니다. 팀 조건으로 후보를 만들고 개발 환경을 바꾸기 전에 1차 출처에서 현재 정보를 확인하세요.",
+      "profiles": [
+        {
+          "title": "Cursor",
+          "href": "/ides/cursor",
+          "description": "지원 플랫폼, 가격, 라이선스, GitHub 스타와 프로젝트 링크, 공식 자료를 확인합니다."
+        },
+        {
+          "title": "Windsurf Editor",
+          "href": "/ides/windsurf",
+          "description": "지원 플랫폼, 가격, 라이선스, 프로젝트 링크와 문서를 확인합니다."
+        },
+        {
+          "title": "Kiro",
+          "href": "/ides/kiro",
+          "description": "지원 플랫폼, 가격, 라이선스, 프로젝트 링크와 공식 자료를 확인합니다."
+        },
+        {
+          "title": "Antigravity",
+          "href": "/ides/antigravity",
+          "description": "지원 플랫폼, 가격, 라이선스, 프로젝트 링크와 문서를 확인합니다."
+        }
+      ],
+      "profilesIntro": "아래 링크는 표에 이미 나열된 제품 레코드로 이동하는 바로가기이며 순위나 추천이 아닙니다. 각 레코드에서 manifest 데이터와 1차 출처를 확인하세요.",
+      "profilesTitle": "IDE 제품 프로필 살펴보기",
+      "shortlistIntro": "인기보다 플랫폼과 워크플로 적합성을 우선하는 일관된 절차를 사용하세요.",
+      "shortlistTitle": "3단계로 IDE 후보 만들기",
+      "steps": [
+        {
+          "title": "조건 설정",
+          "description": "필수 운영 체제, 예산 한도, 라이선스 요건과 팀이 유지해야 하는 편집기 워크플로를 정리합니다."
+        },
+        {
+          "title": "같은 기준으로 필터링",
+          "description": "조건에 맞지 않는 IDE를 제외하고 나머지를 같은 열로 비교합니다."
+        },
+        {
+          "title": "검증하고 파일럿 실행",
+          "description": "제품 레코드와 공식 링크를 열어 설치, 가격, 현재 버전과 지원을 확인한 뒤 파일럿을 진행합니다."
+        }
+      ],
+      "title": "AI 코딩 IDE 비교 방법"
+    },
+    "subtitle": "가격, 플랫폼 지원, 라이선스, GitHub 스타와 프로젝트 링크, 공식 자료를 기준으로 AI 코딩 IDE를 비교하고 팀의 개발 환경을 선택하세요.",
     "title": "AI 코딩 IDE 비교"
   },
   "modelCompareDescription": "AI 코딩 모델을 나란히 비교: 사양, 가격, 기능, 벤치마크.",
@@ -31,5 +279,8 @@
     "backTo": "모델로 돌아가기",
     "subtitle": "AI 코딩 모델의 사양과 가격을 나란히 비교하세요.",
     "title": "AI 코딩 모델 비교"
+  },
+  "table": {
+    "scrollHint": "가로로 스크롤하여 모든 열을 확인하세요."
   }
 }
diff --git a/translations/pt/pages/comparison.json b/translations/pt/pages/comparison.json
index 84fbeb1..e8ababf 100644
--- a/translations/pt/pages/comparison.json
+++ b/translations/pt/pages/comparison.json
@@ -1,6 +1,86 @@
 {
   "clis": {
-    "backTo": "Voltar aos CLIs",
+    "guide": {
+      "criteria": [
+        {
+          "description": "Comece pelos sistemas operativos da equipa. Uma CLI compatível com todas as máquinas necessárias é mais fácil de padronizar e manter.",
+          "title": "Compatibilidade de plataforma"
+        },
+        {
+          "description": "Compare planos gratuitos e preços iniciais e consulte a fonte oficial. Limites e modelos incluídos alteram o custo real.",
+          "title": "Modelo de preços"
+        },
+        {
+          "description": "Use a licença e o GitHub para distinguir ferramentas de código aberto de produtos proprietários e analisar cada projeto.",
+          "title": "Licença e código fonte"
+        },
+        {
+          "description": "O site, documentação, download, histórico e problemas oficiais mostram como instalar, atualizar e obter suporte.",
+          "title": "Percurso de verificação"
+        }
+      ],
+      "faqTitle": "Perguntas sobre CLI de programação com IA",
+      "faqs": [
+        {
+          "description": "Uma CLI de programação com IA ajuda a analisar repositórios, editar ficheiros, executar comandos e concluir tarefas no terminal. Os produtos diferem em modelos, sistemas, preços, licenças e controlo de execução.",
+          "title": "O que é uma CLI de programação com IA?"
+        },
+        {
+          "description": "Não existe uma única CLI ideal para todos. Escolha as que correspondem às plataformas, orçamento, licenças e modelos e serviços usados pela equipa.",
+          "title": "Qual é a melhor CLI de programação com IA?"
+        },
+        {
+          "description": "Algumas oferecem plano gratuito ou cliente aberto, mas modelos e funções alojadas podem ter custos. Filtre por Plano gratuito e Preço inicial e confirme os limites oficiais.",
+          "title": "Existem CLI de programação com IA gratuitas?"
+        },
+        {
+          "description": "Muitas suportam Windows, macOS e Linux; outras apenas parte. Verifique os ícones e os requisitos na documentação oficial.",
+          "title": "Funcionam em Windows, macOS e Linux?"
+        }
+      ],
+      "intro": "Compare {count} CLI de programação com IA pelos mesmos critérios: plataformas, preços, licença, estrelas no GitHub e links do projeto, e fontes oficiais. Defina restrições, crie uma seleção e confirme na fonte os dados que podem mudar.",
+      "profiles": [
+        {
+          "description": "Plataformas, preços e recursos oficiais do agente de terminal da Anthropic.",
+          "href": "/clis/claude-code-cli",
+          "title": "Claude Code CLI"
+        },
+        {
+          "description": "Instalação, licença e recursos oficiais da CLI da OpenAI.",
+          "href": "/clis/codex-cli",
+          "title": "Codex CLI"
+        },
+        {
+          "description": "Plataformas, repositório e documentação do agente de terminal da Google.",
+          "href": "/clis/gemini-cli",
+          "title": "Gemini CLI"
+        },
+        {
+          "description": "Plataformas, licença, preços e ligações do projeto OpenCode.",
+          "href": "/clis/opencode",
+          "title": "OpenCode"
+        }
+      ],
+      "profilesIntro": "Os links abaixo são atalhos para registos de produtos já incluídos na tabela, não uma classificação nem uma recomendação. Abra cada registo para consultar os dados do manifesto e as fontes primárias.",
+      "profilesTitle": "Explorar perfis de produtos CLI",
+      "shortlistIntro": "Use um processo uniforme para que a popularidade não substitua a adequação ao fluxo de trabalho.",
+      "shortlistTitle": "Criar uma seleção em três passos",
+      "steps": [
+        {
+          "description": "Liste sistemas, orçamento, licenças e necessidades de documentação ou acesso ao código.",
+          "title": "Definir restrições"
+        },
+        {
+          "description": "Exclua ferramentas incompatíveis e compare as restantes nas mesmas colunas.",
+          "title": "Filtrar de forma uniforme"
+        },
+        {
+          "description": "Confirme instalação, preços, versão e suporte nas ligações oficiais antes do teste.",
+          "title": "Verificar e testar"
+        }
+      ],
+      "title": "Como comparar CLI de programação com IA"
+    },
     "subtitle": "Compare características, preços e especificações de ferramentas de codificação de linha de comando de IA lado a lado.",
     "title": "Comparação de CLI de Codificação IA"
   },
@@ -16,13 +96,181 @@
     "startingPrice": "Preço Inicial"
   },
   "extensions": {
-    "backTo": "Voltar às Extensões",
-    "subtitle": "Compare características, preços e especificações de extensões de codificação de IA lado a lado.",
+    "guide": {
+      "criteria": [
+        {
+          "title": "Compatibilidade com o IDE anfitrião",
+          "description": "Comece pelos editores que a equipa já utiliza. A coluna de IDEs suportados mostra se a extensão funciona no VS Code, em produtos JetBrains ou noutro anfitrião."
+        },
+        {
+          "title": "Modelo de preços",
+          "description": "Compare planos gratuitos e preços iniciais e confirme limites e serviços na página oficial. Mesmo uma extensão gratuita pode exigir acesso pago a modelos."
+        },
+        {
+          "title": "Licença e manutenção",
+          "description": "Use a licença, as estrelas no GitHub, os links do projeto e o selo de descontinuado para distinguir projetos open source de produtos proprietários ou encerrados."
+        },
+        {
+          "title": "Caminho de verificação",
+          "description": "Antes de instalar, abra o site, marketplace ou download, documentação, registo de alterações e questões. Estas fontes confirmam compatibilidade e suporte atuais."
+        }
+      ],
+      "faqTitle": "Perguntas sobre extensões de programação com IA",
+      "faqs": [
+        {
+          "title": "O que é uma extensão de programação com IA?",
+          "description": "É software que adiciona assistência de programação a um editor ou IDE existente. Pode oferecer conclusão, chat, contexto do repositório, fluxos de edição ou funções Agent sem abandonar a aplicação anfitriã."
+        },
+        {
+          "title": "Qual é a melhor extensão de programação com IA?",
+          "description": "Não existe uma melhor para todos. Filtre pelo IDE anfitrião, ambiente, orçamento e licença. Depois compare as candidatas com documentação oficial e um teste num pequeno repositório."
+        },
+        {
+          "title": "Existem extensões de programação com IA gratuitas?",
+          "description": "Algumas têm planos gratuitos ou clientes open source, embora a utilização de modelos e serviços alojados possa ser paga. Use as colunas de preço como primeiro filtro e confirme os limites com o fornecedor."
+        },
+        {
+          "title": "Qual é a diferença para um IDE de programação com IA?",
+          "description": "Uma extensão funciona dentro de um editor existente e herda o seu fluxo. Um IDE independente controla toda a experiência. Compare extensões se quiser manter o anfitrião atual."
+        },
+        {
+          "title": "São compatíveis com VS Code e IDEs JetBrains?",
+          "description": "A compatibilidade varia. Consulte a coluna de IDEs suportados e confirme a versão exata do editor e requisitos do sistema no marketplace ou guia oficial."
+        }
+      ],
+      "intro": "Compare {count} extensões de programação com IA com os mesmos sinais: IDEs suportados, preços, licença, estrelas no GitHub e links do projeto, ciclo de vida e recursos oficiais. Filtre primeiro pela compatibilidade e confirme detalhes variáveis antes da instalação.",
+      "profiles": [
+        {
+          "title": "GitHub Copilot",
+          "href": "/extensions/github-copilot",
+          "description": "Consulte IDEs suportados, preços, licença, estrelas no GitHub, links do projeto e recursos oficiais."
+        },
+        {
+          "title": "Cline",
+          "href": "/extensions/cline",
+          "description": "Consulte IDEs suportados, preços, licença, repositório e documentação."
+        },
+        {
+          "title": "Gemini Code Assist",
+          "href": "/extensions/gemini-code-assist",
+          "description": "Consulte compatibilidade, preços, ligações do projeto e documentação oficial."
+        },
+        {
+          "title": "JetBrains Junie",
+          "href": "/extensions/jetbrains-junie",
+          "description": "Consulte compatibilidade do anfitrião, preços, ligações e recursos oficiais."
+        }
+      ],
+      "profilesIntro": "Os links abaixo são atalhos para registos de produtos já incluídos na tabela, não uma classificação nem uma recomendação. Abra cada registo para consultar os dados do manifesto, o estado do ciclo de vida e as fontes primárias.",
+      "profilesTitle": "Explorar perfis de extensões",
+      "shortlistIntro": "Use um processo consistente para que a popularidade não se sobreponha à compatibilidade e manutenção.",
+      "shortlistTitle": "Criar uma seleção de extensões em três passos",
+      "steps": [
+        {
+          "title": "Definir requisitos de compatibilidade",
+          "description": "Liste IDEs e versões obrigatórios, orçamento, requisitos de licença e necessidade de acesso ao código fonte."
+        },
+        {
+          "title": "Filtrar de forma consistente",
+          "description": "Remova produtos incompatíveis ou descontinuados e compare os restantes por preço, licença, estrelas no GitHub, links do projeto e recursos oficiais."
+        },
+        {
+          "title": "Verificar e testar",
+          "description": "Abra o registo e a instalação oficial. Confirme compatibilidade, preços atuais, permissões e suporte antes de testar num repositório."
+        }
+      ],
+      "title": "Como comparar extensões de programação com IA"
+    },
+    "subtitle": "Compare extensões de programação com IA por IDEs suportados, preços, licença, estrelas no GitHub e links do projeto, ciclo de vida e recursos oficiais.",
     "title": "Comparação de Extensões de Codificação IA"
   },
   "ides": {
-    "backTo": "Voltar aos IDEs",
-    "subtitle": "Compare características, preços e especificações de IDEs com IA lado a lado.",
+    "guide": {
+      "criteria": [
+        {
+          "title": "Compatibilidade de plataforma",
+          "description": "Comece pelos sistemas operativos da equipa. Um IDE compatível com todas as máquinas necessárias é mais fácil de avaliar, padronizar e manter."
+        },
+        {
+          "title": "Modelo de preços",
+          "description": "Compare planos gratuitos, preços iniciais e níveis pagos e confirme limites na página oficial. Os detalhes da subscrição afetam o custo real de adoção."
+        },
+        {
+          "title": "Licença e código fonte",
+          "description": "Use a licença e ligações do GitHub para distinguir editores open source de produtos proprietários e examinar o projeto por trás de cada IDE."
+        },
+        {
+          "title": "Caminho de verificação",
+          "description": "Siga o site, documentação, download, alterações e questões oficiais. Estas fontes mostram como o IDE é instalado, atualizado e suportado."
+        }
+      ],
+      "faqTitle": "Perguntas sobre IDEs de programação com IA",
+      "faqs": [
+        {
+          "title": "O que é um IDE de programação com IA?",
+          "description": "É um ambiente que integra assistência de programação na experiência do editor. Pode combinar conclusão, chat, contexto do repositório, edição, terminal e fluxos Agent, com diferenças de plataforma, preço e licença."
+        },
+        {
+          "title": "Qual é o melhor IDE de programação com IA?",
+          "description": "Não existe um melhor para todos. Selecione produtos compatíveis com os sistemas, orçamento, licença e práticas da equipa e confirme os finalistas com documentação oficial e um piloto."
+        },
+        {
+          "title": "Existem IDEs de programação com IA gratuitos?",
+          "description": "Alguns oferecem planos gratuitos ou baseiam-se em editores open source, mas a utilização de modelos ou funções alojadas pode ser paga. Use as colunas de preço como primeiro filtro."
+        },
+        {
+          "title": "Qual é a diferença para uma extensão?",
+          "description": "Um IDE de programação com IA controla toda a experiência do editor. Uma extensão adiciona assistência a um IDE existente. Escolha um IDE se puder adotar um novo ambiente; caso contrário considere uma extensão."
+        },
+        {
+          "title": "Funcionam em Windows, macOS e Linux?",
+          "description": "O suporte varia. Consulte os ícones de macOS, Windows e Linux e confirme os requisitos na transferência ou documentação de instalação oficial."
+        }
+      ],
+      "intro": "Compare {count} IDEs de programação com IA com sinais consistentes: plataformas, preços, licença, estrelas no GitHub e links do projeto, e recursos oficiais. Comece pelas restrições da equipa, crie uma seleção e confirme os detalhes atuais antes de mudar de ambiente.",
+      "profiles": [
+        {
+          "title": "Cursor",
+          "href": "/ides/cursor",
+          "description": "Consulte plataformas, preços, licença, estrelas no GitHub, links do projeto e recursos oficiais."
+        },
+        {
+          "title": "Windsurf Editor",
+          "href": "/ides/windsurf",
+          "description": "Consulte plataformas, preços, licença, ligações do projeto e documentação."
+        },
+        {
+          "title": "Kiro",
+          "href": "/ides/kiro",
+          "description": "Consulte plataformas, preços, licença, ligações e recursos oficiais."
+        },
+        {
+          "title": "Antigravity",
+          "href": "/ides/antigravity",
+          "description": "Consulte plataformas, preços, licença, ligações e documentação."
+        }
+      ],
+      "profilesIntro": "Os links abaixo são atalhos para registos de produtos já incluídos na tabela, não uma classificação nem uma recomendação. Abra cada registo para consultar os dados do manifesto e as fontes primárias.",
+      "profilesTitle": "Explorar perfis de produtos IDE",
+      "shortlistIntro": "Use um processo consistente para que a popularidade não substitua a adequação à plataforma e ao fluxo.",
+      "shortlistTitle": "Criar uma seleção de IDEs em três passos",
+      "steps": [
+        {
+          "title": "Definir restrições",
+          "description": "Liste sistemas obrigatórios, orçamento, requisitos de licença e fluxos do editor que a equipa deve manter."
+        },
+        {
+          "title": "Filtrar de forma consistente",
+          "description": "Remova IDEs que não cumprem as restrições e compare os restantes com as mesmas colunas."
+        },
+        {
+          "title": "Verificar e pilotar",
+          "description": "Abra cada registo e ligação oficial. Confirme instalação, preços, versão atual e suporte antes de um piloto."
+        }
+      ],
+      "title": "Como comparar IDEs de programação com IA"
+    },
+    "subtitle": "Compare IDEs de programação com IA por preços, plataformas, licença, estrelas no GitHub, links do projeto e recursos oficiais antes de escolher um ambiente.",
     "title": "Comparação de IDE de Codificação IA"
   },
   "modelCompareDescription": "Compare modelos de codificação IA lado a lado: especificações, preços, capacidades e benchmarks.",
@@ -31,5 +279,8 @@
     "backTo": "Voltar aos Modelos",
     "subtitle": "Compare especificações e preços de modelos de codificação de IA lado a lado.",
     "title": "Comparação de Modelos de Codificação IA"
+  },
+  "table": {
+    "scrollHint": "Role horizontalmente para ver todas as colunas."
   }
 }
diff --git a/translations/ru/pages/comparison.json b/translations/ru/pages/comparison.json
index 0a26e92..21b8231 100644
--- a/translations/ru/pages/comparison.json
+++ b/translations/ru/pages/comparison.json
@@ -1,6 +1,86 @@
 {
   "clis": {
-    "backTo": "Назад к CLI",
+    "guide": {
+      "criteria": [
+        {
+          "description": "Начните с операционных систем команды. CLI для всех нужных машин проще стандартизировать и поддерживать.",
+          "title": "Поддержка платформ"
+        },
+        {
+          "description": "Сравните бесплатные планы и начальные цены, затем проверьте официальный прайс. Лимиты и модели влияют на реальную стоимость.",
+          "title": "Модель оплаты"
+        },
+        {
+          "description": "Лицензия и GitHub помогают отличить открытые инструменты от проприетарных и изучить проект.",
+          "title": "Лицензия и исходный код"
+        },
+        {
+          "description": "Официальный сайт, документация, загрузки, журнал изменений и задачи показывают установку, обновления и поддержку.",
+          "title": "Проверка источников"
+        }
+      ],
+      "faqTitle": "Вопросы об ИИ-CLI для программирования",
+      "faqs": [
+        {
+          "description": "ИИ-CLI помогает изучать репозитории, редактировать файлы, выполнять команды и решать задачи из терминала. Продукты различаются моделями, платформами, ценами, лицензиями и контролем выполнения.",
+          "title": "Что такое ИИ-CLI для программирования?"
+        },
+        {
+          "description": "Нет одной лучшей CLI для всех сценариев. Выбирайте по платформам, бюджету, лицензии, доступу к коду и совместимости с вашими моделями и сервисами.",
+          "title": "Какую ИИ-CLI выбрать?"
+        },
+        {
+          "description": "Бесплатный план или открытый клиент не исключает плату за модели и облачные функции. Сначала фильтруйте по бесплатному плану и цене, затем проверьте официальные лимиты.",
+          "title": "Есть ли бесплатные ИИ-CLI?"
+        },
+        {
+          "description": "Многие инструменты поддерживают Windows, macOS и Linux, другие — лишь часть. Проверьте значки и официальные требования к установке.",
+          "title": "Работают ли они в Windows, macOS и Linux?"
+        }
+      ],
+      "intro": "Сравните {count} ИИ-CLI по единым критериям: платформы, цены, лицензия, звёзды GitHub и ссылки на проект, а также официальные источники. Определите ограничения, составьте список и проверяйте изменяемые данные у первоисточника.",
+      "profiles": [
+        {
+          "description": "Платформы, цены и официальные ресурсы терминального агента Anthropic.",
+          "href": "/clis/claude-code-cli",
+          "title": "Claude Code CLI"
+        },
+        {
+          "description": "Установка, лицензия и официальные ресурсы CLI OpenAI.",
+          "href": "/clis/codex-cli",
+          "title": "Codex CLI"
+        },
+        {
+          "description": "Платформы, репозиторий и документация терминального агента Google.",
+          "href": "/clis/gemini-cli",
+          "title": "Gemini CLI"
+        },
+        {
+          "description": "Платформы, лицензия, цены и ссылки проекта OpenCode.",
+          "href": "/clis/opencode",
+          "title": "OpenCode"
+        }
+      ],
+      "profilesIntro": "Ссылки ниже ведут к карточкам продуктов, уже перечисленных в таблице; это не рейтинг и не рекомендация. Откройте запись, чтобы проверить данные манифеста и первичные источники.",
+      "profilesTitle": "Открыть профили продуктов CLI",
+      "shortlistIntro": "Используйте единый процесс, чтобы популярность не заменяла соответствие сценарию.",
+      "shortlistTitle": "Список CLI за три шага",
+      "steps": [
+        {
+          "description": "Укажите системы, бюджет, лицензию и требования к документации или исходному коду.",
+          "title": "Задайте ограничения"
+        },
+        {
+          "description": "Исключите неподходящие инструменты и сравните остальные по тем же столбцам.",
+          "title": "Фильтруйте одинаково"
+        },
+        {
+          "description": "Перед тестом проверьте установку, цену, версию и поддержку по официальным ссылкам.",
+          "title": "Проверьте и протестируйте"
+        }
+      ],
+      "title": "Как сравнивать ИИ-CLI"
+    },
     "subtitle": "Ассистенты по кодированию в командной строке с ИИ",
     "title": "Сравнение CLI ИИ-кодинга"
   },
@@ -16,13 +96,181 @@
     "startingPrice": "Начальная цена"
   },
   "extensions": {
-    "backTo": "Назад к расширениям",
-    "subtitle": "Расширения и плагины для кодирования с ИИ",
+    "guide": {
+      "criteria": [
+        {
+          "title": "Совместимость с основной IDE",
+          "description": "Начните с редакторов, которые уже использует команда. Столбец поддерживаемых IDE показывает совместимость с VS Code, продуктами JetBrains или другой средой."
+        },
+        {
+          "title": "Модель оплаты",
+          "description": "Сравните бесплатные планы и стартовые цены, затем проверьте лимиты и включённые сервисы на официальной странице. Бесплатное расширение может требовать платного доступа к моделям."
+        },
+        {
+          "title": "Лицензия и поддержка",
+          "description": "Используйте лицензию, звёзды GitHub, ссылки на проект и метку устаревшего продукта, чтобы отличать открытые проекты от проприетарных или закрытых."
+        },
+        {
+          "title": "Путь проверки",
+          "description": "Перед установкой откройте официальный сайт, магазин или загрузку, документацию, журнал изменений и трекер проблем, чтобы подтвердить совместимость и поддержку."
+        }
+      ],
+      "faqTitle": "Вопросы о расширениях для программирования с ИИ",
+      "faqs": [
+        {
+          "title": "Что такое расширение для программирования с ИИ?",
+          "description": "Это ПО, которое добавляет помощь в программировании в существующий редактор или IDE. Оно может включать дополнение кода, чат, контекст репозитория, редактирование или функции Agent."
+        },
+        {
+          "title": "Какое расширение лучше?",
+          "description": "Единственного лучшего варианта нет. Сначала отберите по IDE, окружению, бюджету и лицензии, затем сравните кандидатов по официальной документации и пробному запуску в небольшом репозитории."
+        },
+        {
+          "title": "Есть ли бесплатные расширения?",
+          "description": "Некоторые предлагают бесплатные планы или открытые клиенты, но использование моделей и облачные сервисы могут быть платными. Используйте ценовые столбцы как первый фильтр и уточняйте лимиты у поставщика."
+        },
+        {
+          "title": "Чем расширение отличается от IDE с ИИ?",
+          "description": "Расширение работает внутри существующего редактора и наследует его процессы. Самостоятельная IDE управляет всей средой. Сравнивайте расширения, если хотите сохранить текущий редактор."
+        },
+        {
+          "title": "Поддерживаются ли VS Code и IDE JetBrains?",
+          "description": "Совместимость зависит от продукта. Проверьте столбец поддерживаемых IDE, а затем точную версию редактора и системные требования в официальном магазине или инструкции."
+        }
+      ],
+      "intro": "Сравните {count} расширений по единым сигналам: поддерживаемым IDE, ценам, лицензии, звёздам GitHub и ссылкам на проект, жизненному циклу и официальным источникам. Сначала отберите по совместимости и проверьте меняющиеся сведения перед установкой.",
+      "profiles": [
+        {
+          "title": "GitHub Copilot",
+          "href": "/extensions/github-copilot",
+          "description": "Проверьте поддерживаемые IDE, цены, лицензию, звёзды GitHub, ссылки на проект и официальные источники."
+        },
+        {
+          "title": "Cline",
+          "href": "/extensions/cline",
+          "description": "Проверьте поддерживаемые IDE, цены, лицензию, репозиторий и документацию."
+        },
+        {
+          "title": "Gemini Code Assist",
+          "href": "/extensions/gemini-code-assist",
+          "description": "Проверьте совместимость, цены, ссылки проекта и документацию."
+        },
+        {
+          "title": "JetBrains Junie",
+          "href": "/extensions/jetbrains-junie",
+          "description": "Проверьте совместимость со средой, цены, ссылки и официальные источники."
+        }
+      ],
+      "profilesIntro": "Ссылки ниже ведут к карточкам продуктов, уже перечисленных в таблице; это не рейтинг и не рекомендация. Откройте запись, чтобы проверить данные манифеста, статус жизненного цикла и первичные источники.",
+      "profilesTitle": "Открыть профили расширений",
+      "shortlistIntro": "Используйте единый процесс, чтобы популярность не перевесила совместимость и состояние поддержки.",
+      "shortlistTitle": "Список расширений за три шага",
+      "steps": [
+        {
+          "title": "Задать требования совместимости",
+          "description": "Перечислите обязательные IDE и версии, бюджет, требования к лицензии и необходимость доступа к исходному коду."
+        },
+        {
+          "title": "Отфильтровать одинаково",
+          "description": "Исключите несовместимые или устаревшие продукты и сравните остальные по цене, лицензии, звёздам GitHub, ссылкам на проект и официальным источникам."
+        },
+        {
+          "title": "Проверить и испытать",
+          "description": "Откройте запись и официальную установку. Подтвердите совместимость, цены, разрешения и поддержку перед тестом."
+        }
+      ],
+      "title": "Как сравнивать расширения для программирования с ИИ"
+    },
+    "subtitle": "Сравните расширения для программирования с ИИ по поддерживаемым IDE, ценам, лицензии, звёздам GitHub и ссылкам на проект, жизненному циклу и официальным источникам.",
     "title": "Сравнение расширений ИИ-кодинга"
   },
   "ides": {
-    "backTo": "Назад к IDE",
-    "subtitle": "Интегрированные среды разработки с улучшениями ИИ",
+    "guide": {
+      "criteria": [
+        {
+          "title": "Совместимость платформ",
+          "description": "Начните с операционных систем команды. IDE, поддерживающую все нужные машины, проще оценивать, стандартизировать и обслуживать."
+        },
+        {
+          "title": "Модель оплаты",
+          "description": "Сравните бесплатные планы, стартовые цены и платные уровни, затем подтвердите лимиты на официальной странице. Условия подписки влияют на реальную стоимость внедрения."
+        },
+        {
+          "title": "Лицензия и исходный код",
+          "description": "Используйте лицензию и ссылки GitHub, чтобы отличать открытые редакторы от проприетарных продуктов и изучать проект в основе каждой IDE."
+        },
+        {
+          "title": "Путь проверки",
+          "description": "Переходите на официальный сайт, документацию, загрузку, журнал изменений и проблемы. Эти источники показывают установку, обновления и поддержку."
+        }
+      ],
+      "faqTitle": "Вопросы об IDE для программирования с ИИ",
+      "faqs": [
+        {
+          "title": "Что такое IDE для программирования с ИИ?",
+          "description": "Это среда разработки, которая встраивает помощь в редактор. Она может объединять дополнение кода, чат, контекст репозитория, редактирование, терминал и процессы Agent, но отличается платформами, ценой и лицензией."
+        },
+        {
+          "title": "Какая IDE лучше?",
+          "description": "Единственной лучшей IDE нет. Отберите продукты по системам, бюджету, лицензии и процессам команды, затем проверьте финалистов по официальной документации и пилотному запуску."
+        },
+        {
+          "title": "Есть ли бесплатные IDE с ИИ?",
+          "description": "Некоторые предлагают бесплатные планы или основаны на открытых редакторах, но использование моделей и облачные функции могут быть платными. Используйте ценовые столбцы как первый фильтр."
+        },
+        {
+          "title": "Чем IDE отличается от расширения?",
+          "description": "IDE с ИИ управляет всей средой редактора. Расширение добавляет помощь в существующую IDE. Выбирайте IDE при готовности перейти на новую среду, иначе рассмотрите расширение."
+        },
+        {
+          "title": "Работают ли они в Windows, macOS и Linux?",
+          "description": "Поддержка зависит от продукта. Проверьте значки macOS, Windows и Linux, затем подтвердите системные требования в официальной загрузке или инструкции."
+        }
+      ],
+      "intro": "Сравните {count} IDE по единым сигналам: платформам, ценам, лицензии, звёздам GitHub и ссылкам на проект, а также официальным источникам. Начните с ограничений команды, составьте список и проверьте актуальные сведения перед сменой среды.",
+      "profiles": [
+        {
+          "title": "Cursor",
+          "href": "/ides/cursor",
+          "description": "Проверьте платформы, цены, лицензию, звёзды GitHub, ссылки на проект и официальные источники."
+        },
+        {
+          "title": "Windsurf Editor",
+          "href": "/ides/windsurf",
+          "description": "Проверьте платформы, цены, лицензию, ссылки проекта и документацию."
+        },
+        {
+          "title": "Kiro",
+          "href": "/ides/kiro",
+          "description": "Проверьте платформы, цены, лицензию, ссылки и официальные источники."
+        },
+        {
+          "title": "Antigravity",
+          "href": "/ides/antigravity",
+          "description": "Проверьте платформы, цены, лицензию, ссылки и документацию."
+        }
+      ],
+      "profilesIntro": "Ссылки ниже ведут к карточкам продуктов, уже перечисленных в таблице; это не рейтинг и не рекомендация. Откройте запись, чтобы проверить данные манифеста и первичные источники.",
+      "profilesTitle": "Открыть профили продуктов IDE",
+      "shortlistIntro": "Используйте единый процесс, чтобы популярность не заменила соответствие платформе и рабочему процессу.",
+      "shortlistTitle": "Список IDE за три шага",
+      "steps": [
+        {
+          "title": "Задать ограничения",
+          "description": "Перечислите обязательные системы, бюджет, требования к лицензии и процессы редактора, которые нужно сохранить."
+        },
+        {
+          "title": "Отфильтровать одинаково",
+          "description": "Исключите IDE, которые не соответствуют ограничениям, и сравните остальные по одинаковым столбцам."
+        },
+        {
+          "title": "Проверить и запустить пилот",
+          "description": "Откройте запись и официальные ссылки. Подтвердите установку, цены, текущую версию и поддержку перед пилотом."
+        }
+      ],
+      "title": "Как сравнивать IDE для программирования с ИИ"
+    },
+    "subtitle": "Сравните IDE для программирования с ИИ по ценам, платформам, лицензии, звёздам GitHub, ссылкам на проект и официальным источникам перед выбором среды.",
     "title": "Сравнение IDE ИИ-кодинга"
   },
   "modelCompareDescription": "Сравните модели ИИ для кодирования бок о бок: спецификации, цены, возможности и бенчмарки.",
@@ -31,5 +279,8 @@
     "backTo": "Назад к моделям",
     "subtitle": "Большие языковые модели, оптимизированные для генерации и анализа кода",
     "title": "Сравнение моделей ИИ-кодинга"
+  },
+  "table": {
+    "scrollHint": "Прокрутите по горизонтали, чтобы увидеть все столбцы."
   }
 }
diff --git a/translations/tr/pages/comparison.json b/translations/tr/pages/comparison.json
index ad9cfff..f01b17b 100644
--- a/translations/tr/pages/comparison.json
+++ b/translations/tr/pages/comparison.json
@@ -1,6 +1,86 @@
 {
   "clis": {
-    "backTo": "CLI'lere Dön",
+    "guide": {
+      "criteria": [
+        {
+          "description": "Ekibinizin işletim sistemleriyle başlayın. Tüm geliştirme makinelerini destekleyen bir CLI daha kolay standartlaştırılır.",
+          "title": "Platform uyumu"
+        },
+        {
+          "description": "Ücretsiz planları ve başlangıç fiyatlarını karşılaştırıp resmi fiyat kaynağını kontrol edin. Limitler ve modeller gerçek maliyeti değiştirir.",
+          "title": "Fiyatlandırma modeli"
+        },
+        {
+          "description": "Açık kaynak ve tescilli ürünleri ayırmak ve projeyi incelemek için lisans ve GitHub bağlantılarını kullanın.",
+          "title": "Lisans ve kaynak"
+        },
+        {
+          "description": "Resmi site, belgeler, indirme, değişiklik günlüğü ve sorun bağlantıları kurulum, güncelleme ve desteği gösterir.",
+          "title": "Doğrulama yolu"
+        }
+      ],
+      "faqTitle": "AI kodlama CLI soruları",
+      "faqs": [
+        {
+          "description": "AI kodlama CLI; depoları inceleme, dosya düzenleme, komut çalıştırma ve terminalden görev tamamlama aracıdır. Ürünler model erişimi, platform, fiyat, lisans ve yürütme kontrolünde farklılaşır.",
+          "title": "AI kodlama CLI nedir?"
+        },
+        {
+          "description": "Her iş akışı için tek bir en iyi CLI yoktur. Platform, bütçe, lisans, kaynak erişimi ve mevcut hizmetlerinize uyan araçları seçin.",
+          "title": "Hangi AI kodlama CLI en iyidir?"
+        },
+        {
+          "description": "Ücretsiz plan veya açık kaynak istemci, model ve barındırılan özelliklerin ücretsiz olduğu anlamına gelmez. Önce Ücretsiz Plan ve Başlangıç Fiyatı ile filtreleyin.",
+          "title": "Ücretsiz AI kodlama CLI var mı?"
+        },
+        {
+          "description": "Birçok araç Windows, macOS ve Linux'u, bazıları yalnızca bir bölümünü destekler. Platform simgelerini ve resmi kurulum gereksinimlerini kontrol edin.",
+          "title": "Windows, macOS ve Linux'ta çalışır mı?"
+        }
+      ],
+      "intro": "{count} AI kodlama CLI aracını aynı ölçütlerle karşılaştırın: platform, fiyat, lisans, GitHub yıldızları ve proje bağlantıları ile resmi kaynaklar. Kısıtları belirleyin, kısa liste oluşturun ve değişen bilgileri kaynağından doğrulayın.",
+      "profiles": [
+        {
+          "description": "Anthropic terminal aracının platformları, fiyatı ve resmi kaynakları.",
+          "href": "/clis/claude-code-cli",
+          "title": "Claude Code CLI"
+        },
+        {
+          "description": "OpenAI CLI kurulum yolları, lisansı ve resmi kaynakları.",
+          "href": "/clis/codex-cli",
+          "title": "Codex CLI"
+        },
+        {
+          "description": "Google terminal aracının platformları, kaynak deposu ve belgeleri.",
+          "href": "/clis/gemini-cli",
+          "title": "Gemini CLI"
+        },
+        {
+          "description": "OpenCode platformları, lisansı, fiyatı ve proje bağlantıları.",
+          "href": "/clis/opencode",
+          "title": "OpenCode"
+        }
+      ],
+      "profilesIntro": "Aşağıdaki bağlantılar, tabloda zaten listelenen ürün kayıtlarına giden kısayollardır; sıralama veya öneri değildir. Manifest verilerini ve birincil kaynakları incelemek için her kaydı açın.",
+      "profilesTitle": "CLI ürün profillerini inceleyin",
+      "shortlistIntro": "Popülerliğin iş akışı uyumunun yerini almaması için tutarlı bir süreç kullanın.",
+      "shortlistTitle": "Üç adımda kısa liste",
+      "steps": [
+        {
+          "description": "Gerekli sistemleri, bütçeyi, lisansı ve belge veya kaynak erişimi gereksinimlerini listeleyin.",
+          "title": "Kısıtları belirleyin"
+        },
+        {
+          "description": "Uymayan araçları çıkarın ve kalanları aynı sütunlarla karşılaştırın.",
+          "title": "Tutarlı filtreleyin"
+        },
+        {
+          "description": "Denemeden önce kurulum, fiyat, sürüm ve desteği resmi bağlantılardan doğrulayın.",
+          "title": "Doğrulayın ve deneyin"
+        }
+      ],
+      "title": "AI kodlama CLI araçları nasıl karşılaştırılır?"
+    },
     "subtitle": "AI kodlama CLI araçlarının özelliklerini, fiyatlarını ve spesifikasyonlarını yan yana karşılaştırın.",
     "title": "AI Kodlama CLI Karşılaştırması"
   },
@@ -16,13 +96,181 @@
     "startingPrice": "Başlangıç Fiyatı"
   },
   "extensions": {
-    "backTo": "Eklentilere Dön",
-    "subtitle": "AI kodlama eklentilerinin özelliklerini, fiyatlarını ve spesifikasyonlarını yan yana karşılaştırın.",
+    "guide": {
+      "criteria": [
+        {
+          "title": "Ana IDE uyumluluğu",
+          "description": "Ekibin kullandığı editörlerle başlayın. Desteklenen IDE sütunu, diğer koşulları karşılaştırmadan önce VS Code, JetBrains ürünleri veya başka bir ana uygulamayla uyumu gösterir."
+        },
+        {
+          "title": "Fiyatlandırma modeli",
+          "description": "Ücretsiz planları ve başlangıç fiyatlarını karşılaştırın; kullanım sınırlarını ve hizmetleri resmi sayfada doğrulayın. Ücretsiz bir eklenti bile ücretli model erişimi gerektirebilir."
+        },
+        {
+          "title": "Lisans ve bakım",
+          "description": "Açık kaynak projelerini tescilli veya sonlandırılmış ürünlerden ayırmak için lisans, GitHub yıldızları, proje bağlantıları ve kullanımdan kaldırıldı rozetini kullanın."
+        },
+        {
+          "title": "Doğrulama yolu",
+          "description": "Kurulumdan önce resmi siteyi, mağaza veya indirme sayfasını, belgeleri, değişiklik günlüğünü ve sorun takipçisini açarak güncel uyum ve desteği doğrulayın."
+        }
+      ],
+      "faqTitle": "AI kodlama eklentisi soruları",
+      "faqs": [
+        {
+          "title": "AI kodlama eklentisi nedir?",
+          "description": "Mevcut bir editöre veya IDE’ye kodlama yardımı ekleyen yazılımdır. Tamamlama, sohbet, depo bağlamı, düzenleme akışları veya Agent özellikleri sunarken alışılmış ana uygulamayı koruyabilir."
+        },
+        {
+          "title": "En iyi AI kodlama eklentisi hangisi?",
+          "description": "Herkes için tek bir en iyi ürün yoktur. Ana IDE, ortam, bütçe ve lisansa göre filtreleyin; kalan adayları resmi belgeler ve küçük bir depo denemesiyle karşılaştırın."
+        },
+        {
+          "title": "Ücretsiz AI kodlama eklentileri var mı?",
+          "description": "Bazıları ücretsiz plan veya açık kaynak istemci sunar; model kullanımı ve barındırılan hizmetler ücretli olabilir. Fiyat sütunlarını ilk filtre olarak kullanın ve sınırları sağlayıcıdan doğrulayın."
+        },
+        {
+          "title": "AI kodlama IDE’sinden farkı nedir?",
+          "description": "Eklenti mevcut editör içinde çalışır ve onun akışını devralır. Bağımsız AI kodlama IDE’si tüm editör deneyimini kontrol eder. Mevcut ana uygulamayı korumak istiyorsanız eklentileri karşılaştırın."
+        },
+        {
+          "title": "VS Code ve JetBrains için destek sunuyor mu?",
+          "description": "Uyumluluk ürüne göre değişir. Desteklenen IDE sütununu kontrol edin, ardından editör sürümünü ve sistem gereksinimlerini resmi mağaza veya kurulum kılavuzunda doğrulayın."
+        }
+      ],
+      "intro": "{count} AI kodlama eklentisini aynı sinyallerle karşılaştırın: desteklenen IDE’ler, fiyat, lisans, GitHub yıldızları ve proje bağlantıları, yaşam döngüsü ve resmi kaynaklar. Önce uyumluluğa göre filtreleyin ve kurulumdan önce değişen ayrıntıları doğrulayın.",
+      "profiles": [
+        {
+          "title": "GitHub Copilot",
+          "href": "/extensions/github-copilot",
+          "description": "Desteklenen IDE’leri, fiyatları, lisansı, GitHub yıldızlarını, proje bağlantılarını ve resmi kaynakları inceleyin."
+        },
+        {
+          "title": "Cline",
+          "href": "/extensions/cline",
+          "description": "Desteklenen IDE’leri, fiyatları, lisansı, kaynak deposunu ve belgeleri inceleyin."
+        },
+        {
+          "title": "Gemini Code Assist",
+          "href": "/extensions/gemini-code-assist",
+          "description": "Uyumluluğu, fiyatları, proje bağlantılarını ve resmi belgeleri inceleyin."
+        },
+        {
+          "title": "JetBrains Junie",
+          "href": "/extensions/jetbrains-junie",
+          "description": "Ana uygulama uyumluluğunu, fiyatları, proje bağlantılarını ve resmi kaynakları inceleyin."
+        }
+      ],
+      "profilesIntro": "Aşağıdaki bağlantılar, tabloda zaten listelenen ürün kayıtlarına giden kısayollardır; sıralama veya öneri değildir. Manifest verilerini, yaşam döngüsü durumunu ve birincil kaynakları incelemek için her kaydı açın.",
+      "profilesTitle": "Eklenti ürün profillerini inceleyin",
+      "shortlistIntro": "Popülerliğin editör uyumluluğu ve bakım durumunun önüne geçmemesi için tutarlı bir süreç kullanın.",
+      "shortlistTitle": "Üç adımda eklenti kısa listesi oluşturun",
+      "steps": [
+        {
+          "title": "Uyumluluk koşullarını belirleyin",
+          "description": "Zorunlu IDE ve sürümleri, bütçeyi, lisans gereksinimlerini ve kaynak erişimi ihtiyacını listeleyin."
+        },
+        {
+          "title": "Tutarlı biçimde filtreleyin",
+          "description": "Uyumsuz veya kullanımdan kaldırılmış ürünleri çıkarın; kalanları fiyat, lisans, GitHub yıldızları, proje bağlantıları ve resmi kaynaklarla karşılaştırın."
+        },
+        {
+          "title": "Doğrulayın ve deneyin",
+          "description": "Ürün kaydını ve resmi kurulumu açın. Depoda denemeden önce uyumluluk, güncel fiyat, izinler ve desteği doğrulayın."
+        }
+      ],
+      "title": "AI kodlama eklentileri nasıl karşılaştırılır?"
+    },
+    "subtitle": "AI kodlama eklentilerini desteklenen IDE, fiyat, lisans, GitHub yıldızları ve proje bağlantıları, yaşam döngüsü ve resmi kaynaklara göre karşılaştırın.",
     "title": "AI Kodlama Eklenti Karşılaştırması"
   },
   "ides": {
-    "backTo": "IDE'lere Dön",
-    "subtitle": "AI destekli IDE'lerin özelliklerini, fiyatlarını ve spesifikasyonlarını yan yana karşılaştırın.",
+    "guide": {
+      "criteria": [
+        {
+          "title": "Platform uyumu",
+          "description": "Ekibin kullandığı işletim sistemleriyle başlayın. Tüm gerekli geliştirme makinelerini destekleyen bir IDE’yi değerlendirmek, standartlaştırmak ve sürdürmek daha kolaydır."
+        },
+        {
+          "title": "Fiyatlandırma modeli",
+          "description": "Ücretsiz planları, başlangıç fiyatlarını ve ücretli katmanları karşılaştırın; güncel sınırları resmi sayfada doğrulayın. Abonelik ayrıntıları gerçek benimseme maliyetini etkiler."
+        },
+        {
+          "title": "Lisans ve kaynak",
+          "description": "Açık kaynak editörleri tescilli ürünlerden ayırmak ve her IDE’nin arkasındaki projeyi incelemek için lisans ve GitHub bağlantılarını kullanın."
+        },
+        {
+          "title": "Doğrulama yolu",
+          "description": "Resmi site, belgeler, indirme, değişiklik günlüğü ve sorun bağlantıları IDE’nin nasıl kurulduğunu, güncellendiğini ve desteklendiğini gösterir."
+        }
+      ],
+      "faqTitle": "AI kodlama IDE’si soruları",
+      "faqs": [
+        {
+          "title": "AI kodlama IDE’si nedir?",
+          "description": "Kodlama yardımını editör deneyimine entegre eden bir geliştirme ortamıdır. Tamamlama, sohbet, depo bağlamı, kod düzenleme, terminal ve Agent akışlarını birleştirebilir; platform, fiyat ve lisansları farklıdır."
+        },
+        {
+          "title": "En iyi AI kodlama IDE’si hangisi?",
+          "description": "Tüm iş akışları için tek bir en iyi IDE yoktur. Sistemlere, bütçeye, lisansa ve ekibin çalışma biçimine uyan ürünleri seçin; adayları resmi belgeler ve pilotla doğrulayın."
+        },
+        {
+          "title": "Ücretsiz AI kodlama IDE’leri var mı?",
+          "description": "Bazıları ücretsiz plan sunar veya açık kaynak editörlere dayanır; model kullanımı ya da barındırılan özellikler ücretli olabilir. Fiyat sütunlarını ilk filtre olarak kullanın."
+        },
+        {
+          "title": "Eklentiden farkı nedir?",
+          "description": "AI kodlama IDE’si tüm editör deneyimini kontrol eder. Eklenti mevcut IDE’ye yardım ekler. Yeni bir ortamı benimseyebiliyorsanız IDE, mevcut ana uygulama önemliyse eklenti düşünün."
+        },
+        {
+          "title": "Windows, macOS ve Linux’ta çalışır mı?",
+          "description": "Platform desteği ürüne göre değişir. macOS, Windows ve Linux simgelerini kontrol edin ve sistem gereksinimlerini resmi indirme veya kurulum belgesinde doğrulayın."
+        }
+      ],
+      "intro": "{count} AI kodlama IDE’sini tutarlı sinyallerle karşılaştırın: platform desteği, fiyat, lisans, GitHub yıldızları ve proje bağlantıları ile resmi kaynaklar. Ekip koşullarından kısa liste oluşturun ve ortam değiştirmeden önce güncel ayrıntıları doğrulayın.",
+      "profiles": [
+        {
+          "title": "Cursor",
+          "href": "/ides/cursor",
+          "description": "Desteklenen platformları, fiyatları, lisansı, GitHub yıldızlarını, proje bağlantılarını ve resmi kaynakları inceleyin."
+        },
+        {
+          "title": "Windsurf Editor",
+          "href": "/ides/windsurf",
+          "description": "Desteklenen platformları, fiyatları, lisansı, proje bağlantılarını ve belgeleri inceleyin."
+        },
+        {
+          "title": "Kiro",
+          "href": "/ides/kiro",
+          "description": "Desteklenen platformları, fiyatları, lisansı, proje bağlantılarını ve resmi kaynakları inceleyin."
+        },
+        {
+          "title": "Antigravity",
+          "href": "/ides/antigravity",
+          "description": "Desteklenen platformları, fiyatları, lisansı, proje bağlantılarını ve belgeleri inceleyin."
+        }
+      ],
+      "profilesIntro": "Aşağıdaki bağlantılar, tabloda zaten listelenen ürün kayıtlarına giden kısayollardır; sıralama veya öneri değildir. Manifest verilerini ve birincil kaynakları incelemek için her kaydı açın.",
+      "profilesTitle": "IDE ürün profillerini inceleyin",
+      "shortlistIntro": "Popülerliğin platform ve iş akışı uyumunun yerini almaması için tutarlı bir süreç kullanın.",
+      "shortlistTitle": "Üç adımda IDE kısa listesi oluşturun",
+      "steps": [
+        {
+          "title": "Koşulları belirleyin",
+          "description": "Zorunlu işletim sistemlerini, bütçeyi, lisans gereksinimlerini ve korunması gereken editör akışlarını listeleyin."
+        },
+        {
+          "title": "Tutarlı biçimde filtreleyin",
+          "description": "Koşullara uymayan IDE’leri çıkarın ve kalanları aynı sütunlarla karşılaştırın."
+        },
+        {
+          "title": "Doğrulayın ve pilot yapın",
+          "description": "Ürün kaydını ve resmi bağlantıları açın. Pilot öncesinde kurulum, fiyat, güncel sürüm ve desteği doğrulayın."
+        }
+      ],
+      "title": "AI kodlama IDE’leri nasıl karşılaştırılır?"
+    },
+    "subtitle": "AI kodlama için IDE seçeneklerini fiyat, platform desteği, lisans, GitHub yıldızları, proje bağlantıları ve resmi kaynaklara göre karşılaştırın.",
     "title": "AI Kodlama IDE Karşılaştırması"
   },
   "modelCompareDescription": "AI kodlama modellerini yan yana karşılaştırın: spesifikasyonlar, fiyatlar, yetenekler ve kıyaslamalar.",
@@ -31,5 +279,8 @@
     "backTo": "Modellere Dön",
     "subtitle": "AI kodlama modellerinin spesifikasyonlarını ve fiyatlarını yan yana karşılaştırın.",
     "title": "AI Kodlama Model Karşılaştırması"
+  },
+  "table": {
+    "scrollHint": "Tüm sütunları görmek için yatay kaydırın."
   }
 }
diff --git a/translations/zh-Hans/pages/comparison.json b/translations/zh-Hans/pages/comparison.json
index 2558704..71fd342 100644
--- a/translations/zh-Hans/pages/comparison.json
+++ b/translations/zh-Hans/pages/comparison.json
@@ -1,7 +1,87 @@
 {
   "clis": {
-    "backTo": "返回命令行列表",
-    "subtitle": "并排对比 AI 编码命令行工具的功能、定价和规格。",
+    "guide": {
+      "criteria": [
+        {
+          "description": "先确认团队使用的操作系统。能够覆盖所有开发设备的 CLI 更容易统一部署和维护。",
+          "title": "平台适配"
+        },
+        {
+          "description": "先比较免费方案与起步价格，再查看官方定价来源。用量限制和所含模型都会影响实际成本。",
+          "title": "定价模式"
+        },
+        {
+          "description": "通过许可证和 GitHub 链接区分开源工具与专有产品，并检查每个 CLI 背后的项目。",
+          "title": "许可证与源代码"
+        },
+        {
+          "description": "查看官网、文档、下载、变更日志和问题跟踪链接，确认工具如何安装、更新和获得支持。",
+          "title": "核验路径"
+        }
+      ],
+      "faqTitle": "AI 编码 CLI 常见问题",
+      "faqs": [
+        {
+          "description": "AI 编码 CLI 是一种命令行工具，可帮助开发者在终端中检查代码库、编辑文件、执行命令并完成编码任务。不同产品在模型接入、操作系统支持、定价、许可证和工具执行控制方面有所区别。",
+          "title": "什么是 AI 编码 CLI？"
+        },
+        {
+          "description": "没有一个 CLI 能适合所有工作流。应优先筛选支持所需平台、符合预算与许可证要求，并能接入团队现有模型和服务的工具。",
+          "title": "哪个 AI 编码 CLI 最好？"
+        },
+        {
+          "description": "部分 AI 编码 CLI 提供免费方案或开源客户端，但模型用量或托管功能仍可能收费。先用“免费方案”和“起步价”列筛选，再到官方定价页确认当前限制。",
+          "title": "有免费的 AI 编码 CLI 吗？"
+        },
+        {
+          "description": "许多工具支持 Windows、macOS 和 Linux，也有工具只支持其中部分平台。采用前先查看表格中的平台图标，再通过官方文档确认安装要求。",
+          "title": "AI 编码 CLI 支持 Windows、macOS 和 Linux 吗？"
+        }
+      ],
+      "intro": "使用统一且实用的指标比较 {count} 个 AI 编码 CLI：平台支持、定价、许可证、GitHub 星标与项目链接，以及官方资源。先明确工作流约束并建立候选清单，在采用终端编码代理前从一手来源核验会变化的产品信息。",
+      "profiles": [
+        {
+          "description": "查看 Anthropic 终端代理的平台支持、定价和官方资源。",
+          "href": "/clis/claude-code-cli",
+          "title": "Claude Code CLI"
+        },
+        {
+          "description": "查看 OpenAI 编码 CLI 的安装方式、许可证和官方资源。",
+          "href": "/clis/codex-cli",
+          "title": "Codex CLI"
+        },
+        {
+          "description": "查看 Google 终端编码代理的平台覆盖、源代码仓库和文档。",
+          "href": "/clis/gemini-cli",
+          "title": "Gemini CLI"
+        },
+        {
+          "description": "查看 OpenCode CLI 的平台支持、许可证、定价和项目链接。",
+          "href": "/clis/opencode",
+          "title": "OpenCode"
+        }
+      ],
+      "profilesIntro": "以下链接只是表格中已有产品记录的快捷入口，不是排名或推荐。打开各条记录可查看 manifest 数据和一手来源。",
+      "profilesTitle": "查看 CLI 产品档案",
+      "shortlistIntro": "使用一致的流程，避免用产品热度代替工作流适配度。",
+      "shortlistTitle": "三步建立 CLI 候选清单",
+      "steps": [
+        {
+          "description": "列出所需操作系统、预算上限、许可证要求，以及是否必须提供官方文档或源代码访问。",
+          "title": "明确约束"
+        },
+        {
+          "description": "用表格排除不符合约束的工具，再按相同列比较剩余条目。",
+          "title": "统一筛选"
+        },
+        {
+          "description": "打开产品记录和官方链接，在试用前确认安装、定价、当前版本和支持情况。",
+          "title": "核验并试用"
+        }
+      ],
+      "title": "如何比较 AI 编码 CLI 工具"
+    },
+    "subtitle": "按定价、平台支持、许可证、GitHub 星标与项目链接和官方资源比较 AI 编码 CLI，选择适合你的终端编码代理。",
     "title": "AI 编码 CLI 工具比较"
   },
   "columns": {
@@ -16,13 +96,181 @@
     "startingPrice": "起步价"
   },
   "extensions": {
-    "backTo": "返回扩展插件列表",
-    "subtitle": "并排对比 AI 编码扩展插件的功能、定价和规格。",
+    "guide": {
+      "criteria": [
+        {
+          "title": "宿主 IDE 兼容性",
+          "description": "先确认团队正在使用的编辑器。“支持的 IDE”列可帮助你判断扩展是否适用于 VS Code、JetBrains 产品或其他宿主，再继续比较其余条件。"
+        },
+        {
+          "title": "定价模式",
+          "description": "比较免费计划和起步价格，再到官方定价页核实用量限制与包含的服务。免费扩展仍可能需要付费模型访问。"
+        },
+        {
+          "title": "许可证与维护状态",
+          "description": "结合许可证、GitHub 星标与项目链接和弃用标记，区分开源项目、专有产品以及已经停止维护的产品。"
+        },
+        {
+          "title": "验证路径",
+          "description": "安装前打开官方网站、市场或下载页、文档、变更日志和问题跟踪器。这些一手来源可以确认当前兼容性与支持状态。"
+        }
+      ],
+      "faqTitle": "AI 编码扩展常见问题",
+      "faqs": [
+        {
+          "title": "什么是 AI 编码扩展？",
+          "description": "AI 编码扩展是在现有编辑器或 IDE 中加入编码辅助能力的软件。不同产品可能提供补全、对话、代码库上下文、编辑工作流或 Agent 功能，同时让开发者继续使用熟悉的宿主应用。"
+        },
+        {
+          "title": "哪个 AI 编码扩展最好？",
+          "description": "没有一个扩展适合所有开发者。先按宿主 IDE、运行环境、预算和许可证要求筛选，再用官方文档和小型代码库试用比较剩余产品。"
+        },
+        {
+          "title": "有免费的 AI 编码扩展吗？",
+          "description": "部分扩展提供免费计划或开源客户端，但模型用量和托管服务仍可能收费。可先用“免费计划”和“起步价格”列筛选，再向提供商确认最新限制。"
+        },
+        {
+          "title": "扩展与 AI 编码 IDE 有什么区别？",
+          "description": "扩展运行在现有编辑器中，并沿用其主要工作流；独立 AI 编码 IDE 控制完整的编辑器体验。希望保留当前宿主时比较扩展，愿意更换开发环境时再比较 IDE。"
+        },
+        {
+          "title": "这些扩展支持 VS Code 和 JetBrains IDE 吗？",
+          "description": "兼容性因产品而异。先查看每个条目的“支持的 IDE”列，再打开官方市场或安装文档，核实具体编辑器版本和操作系统要求。"
+        }
+      ],
+      "intro": "使用相同的实用信号比较 {count} 个 AI 编码扩展：支持的 IDE、定价、许可证、GitHub 星标与项目链接、生命周期和官方资源。先按兼容性筛选，再在安装前从一手来源核实易变的产品信息。",
+      "profiles": [
+        {
+          "title": "GitHub Copilot",
+          "href": "/extensions/github-copilot",
+          "description": "查看 GitHub Copilot 支持的 IDE、定价、许可证、GitHub 星标与项目链接和官方资源。"
+        },
+        {
+          "title": "Cline",
+          "href": "/extensions/cline",
+          "description": "查看 Cline 支持的 IDE、定价、许可证、源代码仓库和文档。"
+        },
+        {
+          "title": "Gemini Code Assist",
+          "href": "/extensions/gemini-code-assist",
+          "description": "查看 Gemini Code Assist 的兼容性、定价、项目链接和官方文档。"
+        },
+        {
+          "title": "JetBrains Junie",
+          "href": "/extensions/jetbrains-junie",
+          "description": "查看 JetBrains Junie 的宿主兼容性、定价、项目链接和官方资源。"
+        }
+      ],
+      "profilesIntro": "以下链接只是表格中已有产品记录的快捷入口，不是排名或推荐。打开各条记录可查看 manifest 数据、生命周期状态和一手来源。",
+      "profilesTitle": "查看扩展产品档案",
+      "shortlistIntro": "采用一致的流程，避免产品热度盖过编辑器兼容性和维护状态。",
+      "shortlistTitle": "用三步建立扩展候选清单",
+      "steps": [
+        {
+          "title": "设定兼容性约束",
+          "description": "列出必须支持的 IDE 和编辑器版本、预算、许可证要求，以及是否必须提供源代码访问。"
+        },
+        {
+          "title": "统一筛选",
+          "description": "用表格排除不兼容或已弃用的产品，再按定价、许可证、GitHub 星标与项目链接和官方资源比较剩余条目。"
+        },
+        {
+          "title": "验证并试用",
+          "description": "打开产品记录和官方安装来源，在代码库试用前确认兼容性、当前定价、权限和支持状态。"
+        }
+      ],
+      "title": "如何比较 AI 编码扩展"
+    },
+    "subtitle": "按支持的 IDE、定价、许可证、GitHub 星标与项目链接、生命周期和官方资源比较 AI 编码扩展，再选择适合编辑器的编码助手。",
     "title": "AI 编码扩展插件比较"
   },
   "ides": {
-    "backTo": "返回 IDE 列表",
-    "subtitle": "并排对比 AI 增强 IDE 的功能、定价和规格。",
+    "guide": {
+      "criteria": [
+        {
+          "title": "平台适配",
+          "description": "先确认团队使用的操作系统。支持所有必要开发设备的 IDE 更容易评估、标准化和维护。"
+        },
+        {
+          "title": "定价模式",
+          "description": "比较免费计划、起步价格和付费层级，再到官方定价页确认最新限制。订阅细节会改变实际采用成本。"
+        },
+        {
+          "title": "许可证与源代码",
+          "description": "通过许可证和 GitHub 链接区分开源编辑器与专有产品，并检查每个 IDE 背后的项目或上游编辑器。"
+        },
+        {
+          "title": "验证路径",
+          "description": "访问官方网站、文档、下载页、变更日志和问题链接。这些一手来源说明 IDE 如何安装、更新和获得支持。"
+        }
+      ],
+      "faqTitle": "AI 编码 IDE 常见问题",
+      "faqs": [
+        {
+          "title": "什么是 AI 编码 IDE？",
+          "description": "AI 编码 IDE 是把编码辅助能力集成到编辑器体验中的开发环境。产品可能组合补全、对话、代码库上下文、代码编辑、终端访问和 Agent 工作流，但平台、定价、许可证与集成方式各不相同。"
+        },
+        {
+          "title": "哪个 AI 编码 IDE 最好？",
+          "description": "没有一个 IDE 适合所有工作流。先筛选能在团队操作系统上运行、符合预算和许可证要求，并匹配编辑、评审与运行代码方式的产品，再用官方文档和试点验证候选项。"
+        },
+        {
+          "title": "有免费的 AI 编码 IDE 吗？",
+          "description": "部分 AI 编码 IDE 提供免费计划或基于开源编辑器，但模型用量和托管功能仍可能收费。先用定价列筛选，再向提供商确认最新限制。"
+        },
+        {
+          "title": "AI 编码 IDE 与扩展有什么区别？",
+          "description": "AI 编码 IDE 控制完整的编辑器体验；AI 扩展是在现有 IDE 中加入辅助能力。愿意采用新环境时选择 IDE，更看重保留当前宿主时考虑扩展。"
+        },
+        {
+          "title": "AI 编码 IDE 支持 Windows、macOS 和 Linux 吗？",
+          "description": "平台支持因产品而异。先查看表格中的 macOS、Windows 和 Linux 图标，再打开官方下载或安装文档核实系统要求。"
+        }
+      ],
+      "intro": "使用一致的信号比较 {count} 个 AI 编码 IDE：平台支持、定价、许可证、GitHub 星标与项目链接和官方资源。先明确团队约束，建立候选清单，再在更换开发环境前从一手来源核实当前产品信息。",
+      "profiles": [
+        {
+          "title": "Cursor",
+          "href": "/ides/cursor",
+          "description": "查看 Cursor 支持的平台、定价、许可证、GitHub 星标与项目链接和官方资源。"
+        },
+        {
+          "title": "Windsurf Editor",
+          "href": "/ides/windsurf",
+          "description": "查看 Windsurf Editor 支持的平台、定价、许可证、项目链接和文档。"
+        },
+        {
+          "title": "Kiro",
+          "href": "/ides/kiro",
+          "description": "查看 Kiro 支持的平台、定价、许可证、项目链接和官方资源。"
+        },
+        {
+          "title": "Antigravity",
+          "href": "/ides/antigravity",
+          "description": "查看 Antigravity 支持的平台、定价、许可证、项目链接和文档。"
+        }
+      ],
+      "profilesIntro": "以下链接只是表格中已有产品记录的快捷入口，不是排名或推荐。打开各条记录可查看 manifest 数据和一手来源。",
+      "profilesTitle": "查看 IDE 产品档案",
+      "shortlistIntro": "采用一致的流程，避免产品热度取代平台和工作流适配。",
+      "shortlistTitle": "用三步建立 IDE 候选清单",
+      "steps": [
+        {
+          "title": "设定约束",
+          "description": "列出必要的操作系统、预算上限、许可证要求，以及团队不能失去的编辑器工作流。"
+        },
+        {
+          "title": "统一筛选",
+          "description": "用表格排除不符合约束的 IDE，再按相同列比较剩余条目。"
+        },
+        {
+          "title": "验证并试点",
+          "description": "打开产品记录和官方链接，在试点前确认安装方式、定价、当前版本和支持状态。"
+        }
+      ],
+      "title": "如何比较 AI 编码 IDE"
+    },
+    "subtitle": "按定价、平台支持、许可证、GitHub 星标与项目链接和官方资源比较 AI 编码 IDE，再为团队选择开发环境。",
     "title": "AI 编码 IDE 比较"
   },
   "modelCompareDescription": "并排对比 AI 编码模型：规格、定价、功能和基准测试。",
@@ -31,5 +279,8 @@
     "backTo": "返回模型列表",
     "subtitle": "并排对比 AI 编码模型的规格和定价。",
     "title": "AI 编码模型比较"
+  },
+  "table": {
+    "scrollHint": "横向滚动以查看所有列。"
   }
 }
diff --git a/translations/zh-Hant/pages/comparison.json b/translations/zh-Hant/pages/comparison.json
index cc2571d..a5cd2d9 100644
--- a/translations/zh-Hant/pages/comparison.json
+++ b/translations/zh-Hant/pages/comparison.json
@@ -1,6 +1,86 @@
 {
   "clis": {
-    "backTo": "返回 CLI",
+    "guide": {
+      "criteria": [
+        {
+          "description": "先確認團隊使用的作業系統。能涵蓋所有開發裝置的 CLI 更容易統一部署與維護。",
+          "title": "平台適配"
+        },
+        {
+          "description": "先比較免費方案與起始價格，再查看官方定價來源。用量限制與所含模型會影響實際成本。",
+          "title": "定價模式"
+        },
+        {
+          "description": "透過授權條款與 GitHub 連結區分開源工具和專有產品，並檢視每個專案。",
+          "title": "授權與原始碼"
+        },
+        {
+          "description": "查看官網、文件、下載、變更記錄和問題連結，確認安裝、更新與支援方式。",
+          "title": "核驗路徑"
+        }
+      ],
+      "faqTitle": "AI 編碼 CLI 常見問題",
+      "faqs": [
+        {
+          "description": "AI 編碼 CLI 是協助開發者在終端檢視程式庫、編輯檔案、執行命令並完成編碼任務的命令列工具。產品在模型存取、平台、定價、授權和執行控制方面有所不同。",
+          "title": "什麼是 AI 編碼 CLI？"
+        },
+        {
+          "description": "沒有一個 CLI 適合所有工作流程。應選擇符合平台、預算、授權、原始碼存取，以及團隊現有模型與服務的工具。",
+          "title": "哪個 AI 編碼 CLI 最好？"
+        },
+        {
+          "description": "部分 CLI 提供免費方案或開源用戶端，但模型或託管功能仍可能收費。先以免費方案和起始價格篩選，再確認官方限制。",
+          "title": "有免費的 AI 編碼 CLI 嗎？"
+        },
+        {
+          "description": "許多工具支援 Windows、macOS 和 Linux，也有工具只支援部分平台。請查看表格圖示並以官方文件確認安裝需求。",
+          "title": "支援 Windows、macOS 和 Linux 嗎？"
+        }
+      ],
+      "intro": "以平台支援、定價、授權、GitHub 星標與專案連結和官方資源等一致指標比較 {count} 個 AI 編碼 CLI。先釐清工作流程限制並建立候選清單，採用前從第一手來源核驗會變動的資訊。",
+      "profiles": [
+        {
+          "description": "查看 Anthropic 終端代理的平台、定價和官方資源。",
+          "href": "/clis/claude-code-cli",
+          "title": "Claude Code CLI"
+        },
+        {
+          "description": "查看 OpenAI 編碼 CLI 的安裝、授權和官方資源。",
+          "href": "/clis/codex-cli",
+          "title": "Codex CLI"
+        },
+        {
+          "description": "查看 Google 終端代理的平台、原始碼儲存庫和文件。",
+          "href": "/clis/gemini-cli",
+          "title": "Gemini CLI"
+        },
+        {
+          "description": "查看 OpenCode CLI 的平台、授權、定價和專案連結。",
+          "href": "/clis/opencode",
+          "title": "OpenCode"
+        }
+      ],
+      "profilesIntro": "以下連結只是表格中已有產品記錄的快捷入口，不是排名或推薦。開啟各筆記錄可查看 manifest 資料和第一手來源。",
+      "profilesTitle": "查看 CLI 產品檔案",
+      "shortlistIntro": "使用一致流程，避免以產品熱度取代工作流程適配度。",
+      "shortlistTitle": "三步建立 CLI 候選清單",
+      "steps": [
+        {
+          "description": "列出作業系統、預算、授權，以及文件或原始碼存取需求。",
+          "title": "設定限制"
+        },
+        {
+          "description": "排除不符合限制的工具，再以相同欄位比較其餘條目。",
+          "title": "一致篩選"
+        },
+        {
+          "description": "試用前透過產品記錄和官方連結確認安裝、定價、版本與支援。",
+          "title": "核驗並試用"
+        }
+      ],
+      "title": "如何比較 AI 編碼 CLI 工具"
+    },
     "subtitle": "並排比較 AI 編碼 CLI 工具的功能、價格和規格。",
     "title": "AI 編碼 CLI 工具比較"
   },
@@ -16,13 +96,181 @@
     "startingPrice": "起價"
   },
   "extensions": {
-    "backTo": "返回擴充套件",
-    "subtitle": "並排比較 AI 編碼擴充套件的功能、價格和規格。",
+    "guide": {
+      "criteria": [
+        {
+          "title": "宿主 IDE 相容性",
+          "description": "先確認團隊正在使用的編輯器。「支援的 IDE」欄可協助判斷擴充套件是否適用於 VS Code、JetBrains 產品或其他宿主，再繼續比較其餘條件。"
+        },
+        {
+          "title": "價格模式",
+          "description": "比較免費方案和起始價格，再到官方價格頁核實用量限制與包含的服務。免費擴充套件仍可能需要付費模型存取。"
+        },
+        {
+          "title": "授權與維護狀態",
+          "description": "結合授權、GitHub 星標與專案連結和棄用標記，區分開源專案、專有產品以及已停止維護的產品。"
+        },
+        {
+          "title": "驗證路徑",
+          "description": "安裝前開啟官方網站、市集或下載頁、文件、變更日誌和問題追蹤器。這些第一手來源可確認目前相容性與支援狀態。"
+        }
+      ],
+      "faqTitle": "AI 編碼擴充套件常見問題",
+      "faqs": [
+        {
+          "title": "什麼是 AI 編碼擴充套件？",
+          "description": "AI 編碼擴充套件是在現有編輯器或 IDE 中加入編碼輔助能力的軟體。不同產品可能提供補全、對話、程式碼庫上下文、編輯工作流程或 Agent 功能，同時讓開發者繼續使用熟悉的宿主應用程式。"
+        },
+        {
+          "title": "哪個 AI 編碼擴充套件最好？",
+          "description": "沒有一個擴充套件適合所有開發者。先依宿主 IDE、執行環境、預算和授權要求篩選，再用官方文件和小型程式碼庫試用比較剩餘產品。"
+        },
+        {
+          "title": "有免費的 AI 編碼擴充套件嗎？",
+          "description": "部分擴充套件提供免費方案或開源用戶端，但模型用量和託管服務仍可能收費。可先用「免費方案」和「起始價格」欄篩選，再向供應商確認最新限制。"
+        },
+        {
+          "title": "擴充套件與 AI 編碼 IDE 有什麼不同？",
+          "description": "擴充套件在現有編輯器中執行並沿用其主要工作流程；獨立 AI 編碼 IDE 控制完整的編輯器體驗。希望保留目前宿主時比較擴充套件，願意更換開發環境時再比較 IDE。"
+        },
+        {
+          "title": "這些擴充套件支援 VS Code 和 JetBrains IDE 嗎？",
+          "description": "相容性因產品而異。先查看各項目的「支援的 IDE」欄，再開啟官方市集或安裝文件，核實具體編輯器版本和作業系統要求。"
+        }
+      ],
+      "intro": "使用相同的實用訊號比較 {count} 個 AI 編碼擴充套件：支援的 IDE、價格、授權、GitHub 星標與專案連結、生命週期和官方資源。先依相容性篩選，再在安裝前從第一手來源核實易變的產品資訊。",
+      "profiles": [
+        {
+          "title": "GitHub Copilot",
+          "href": "/extensions/github-copilot",
+          "description": "查看 GitHub Copilot 支援的 IDE、價格、授權、GitHub 星標與專案連結和官方資源。"
+        },
+        {
+          "title": "Cline",
+          "href": "/extensions/cline",
+          "description": "查看 Cline 支援的 IDE、價格、授權、原始碼儲存庫和文件。"
+        },
+        {
+          "title": "Gemini Code Assist",
+          "href": "/extensions/gemini-code-assist",
+          "description": "查看 Gemini Code Assist 的相容性、價格、專案連結和官方文件。"
+        },
+        {
+          "title": "JetBrains Junie",
+          "href": "/extensions/jetbrains-junie",
+          "description": "查看 JetBrains Junie 的宿主相容性、價格、專案連結和官方資源。"
+        }
+      ],
+      "profilesIntro": "以下連結只是表格中已有產品記錄的快捷入口，不是排名或推薦。開啟各筆記錄可查看 manifest 資料、生命週期狀態和第一手來源。",
+      "profilesTitle": "查看擴充套件產品檔案",
+      "shortlistIntro": "採用一致流程，避免產品熱度蓋過編輯器相容性和維護狀態。",
+      "shortlistTitle": "用三個步驟建立擴充套件候選清單",
+      "steps": [
+        {
+          "title": "設定相容性限制",
+          "description": "列出必須支援的 IDE 和編輯器版本、預算、授權要求，以及是否必須提供原始碼存取。"
+        },
+        {
+          "title": "一致篩選",
+          "description": "用表格排除不相容或已棄用的產品，再依價格、授權、GitHub 星標與專案連結和官方資源比較其餘項目。"
+        },
+        {
+          "title": "驗證並試用",
+          "description": "開啟產品記錄和官方安裝來源，在程式碼庫試用前確認相容性、目前價格、權限和支援狀態。"
+        }
+      ],
+      "title": "如何比較 AI 編碼擴充套件"
+    },
+    "subtitle": "依支援的 IDE、價格、授權、GitHub 星標與專案連結、生命週期和官方資源比較 AI 編碼擴充套件，再選擇適合編輯器的編碼助手。",
     "title": "AI 編碼擴充外掛比較"
   },
   "ides": {
-    "backTo": "返回 IDE",
-    "subtitle": "並排比較 AI 驅動 IDE 的功能、價格和規格。",
+    "guide": {
+      "criteria": [
+        {
+          "title": "平台適配",
+          "description": "先確認團隊使用的作業系統。支援所有必要開發裝置的 IDE 更容易評估、標準化和維護。"
+        },
+        {
+          "title": "價格模式",
+          "description": "比較免費方案、起始價格和付費層級，再到官方價格頁確認最新限制。訂閱細節會改變實際採用成本。"
+        },
+        {
+          "title": "授權與原始碼",
+          "description": "透過授權和 GitHub 連結區分開源編輯器與專有產品，並檢查每個 IDE 背後的專案或上游編輯器。"
+        },
+        {
+          "title": "驗證路徑",
+          "description": "造訪官方網站、文件、下載頁、變更日誌和問題連結。這些第一手來源說明 IDE 如何安裝、更新及獲得支援。"
+        }
+      ],
+      "faqTitle": "AI 編碼 IDE 常見問題",
+      "faqs": [
+        {
+          "title": "什麼是 AI 編碼 IDE？",
+          "description": "AI 編碼 IDE 是把編碼輔助能力整合到編輯器體驗中的開發環境。產品可能結合補全、對話、程式碼庫上下文、程式碼編輯、終端存取和 Agent 工作流程，但平台、價格、授權與整合方式各不相同。"
+        },
+        {
+          "title": "哪個 AI 編碼 IDE 最好？",
+          "description": "沒有一個 IDE 適合所有工作流程。先篩選能在團隊作業系統上執行、符合預算和授權要求，並契合編輯、審查與執行程式碼方式的產品，再用官方文件和試點驗證候選項。"
+        },
+        {
+          "title": "有免費的 AI 編碼 IDE 嗎？",
+          "description": "部分 AI 編碼 IDE 提供免費方案或基於開源編輯器，但模型用量和託管功能仍可能收費。先用價格欄篩選，再向供應商確認最新限制。"
+        },
+        {
+          "title": "AI 編碼 IDE 與擴充套件有什麼不同？",
+          "description": "AI 編碼 IDE 控制完整的編輯器體驗；AI 擴充套件是在現有 IDE 中加入輔助能力。願意採用新環境時選擇 IDE，更重視保留目前宿主時考慮擴充套件。"
+        },
+        {
+          "title": "AI 編碼 IDE 支援 Windows、macOS 和 Linux 嗎？",
+          "description": "平台支援因產品而異。先查看表格中的 macOS、Windows 和 Linux 圖示，再開啟官方下載或安裝文件核實系統要求。"
+        }
+      ],
+      "intro": "使用一致的訊號比較 {count} 個 AI 編碼 IDE：平台支援、價格、授權、GitHub 星標與專案連結和官方資源。先明確團隊限制，建立候選清單，再在更換開發環境前從第一手來源核實目前產品資訊。",
+      "profiles": [
+        {
+          "title": "Cursor",
+          "href": "/ides/cursor",
+          "description": "查看 Cursor 支援的平台、價格、授權、GitHub 星標與專案連結和官方資源。"
+        },
+        {
+          "title": "Windsurf Editor",
+          "href": "/ides/windsurf",
+          "description": "查看 Windsurf Editor 支援的平台、價格、授權、專案連結和文件。"
+        },
+        {
+          "title": "Kiro",
+          "href": "/ides/kiro",
+          "description": "查看 Kiro 支援的平台、價格、授權、專案連結和官方資源。"
+        },
+        {
+          "title": "Antigravity",
+          "href": "/ides/antigravity",
+          "description": "查看 Antigravity 支援的平台、價格、授權、專案連結和文件。"
+        }
+      ],
+      "profilesIntro": "以下連結只是表格中已有產品記錄的快捷入口，不是排名或推薦。開啟各筆記錄可查看 manifest 資料和第一手來源。",
+      "profilesTitle": "查看 IDE 產品檔案",
+      "shortlistIntro": "採用一致流程，避免產品熱度取代平台和工作流程適配。",
+      "shortlistTitle": "用三個步驟建立 IDE 候選清單",
+      "steps": [
+        {
+          "title": "設定限制",
+          "description": "列出必要的作業系統、預算上限、授權要求，以及團隊不能失去的編輯器工作流程。"
+        },
+        {
+          "title": "一致篩選",
+          "description": "用表格排除不符合限制的 IDE，再依相同欄位比較其餘項目。"
+        },
+        {
+          "title": "驗證並試點",
+          "description": "開啟產品記錄和官方連結，在試點前確認安裝方式、價格、目前版本和支援狀態。"
+        }
+      ],
+      "title": "如何比較 AI 編碼 IDE"
+    },
+    "subtitle": "依價格、平台支援、授權、GitHub 星標與專案連結和官方資源比較 AI 編碼 IDE，再為團隊選擇開發環境。",
     "title": "AI 編碼 IDE 比較"
   },
   "modelCompareDescription": "並排比較 AI 編碼模型：規格、定價、功能和基準測試。",
@@ -31,5 +279,8 @@
     "backTo": "返回模型",
     "subtitle": "並排比較 AI 編碼模型的規格和價格。",
     "title": "AI 編碼模型比較"
+  },
+  "table": {
+    "scrollHint": "橫向捲動以查看所有欄位。"
   }
 }