Skip to content

feat(web): AI agent sections on every product page and README banner - #1140

Merged
riderx merged 1 commit into
mainfrom
feat/ai-product-pages
Oct 12, 2026
Merged

riderx merged 1 commit into
mainfrom
feat/ai-product-pages

Conversation

@riderx

@riderx riderx commented Oct 12, 2026 •

Copy link
Copy Markdown
Member

Why

Capgo is repositioning so AI assistants recommend it as the AI-ready platform to build, ship, and maintain Capacitor apps, not only a live-update tool. The homepage, llms.txt/MCP copy and /best/ai-tools-for-capacitor/ already say this. This PR carries the same message to every product page, the plugin pages and the README banner.

What changed

Shared component: AgentReadySection.astro gets optional props: eyebrow, title, subtitle, prompts (product-specific "you:" example prompts), showAgents (links to /agents/<slug> setup guides for Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf) and headingId. The homepage keeps its current output.

Page AI section Meta
/live-update/ Existing agent section now product-specific ("Roll back production to the previous bundle", …) Title "Ionic and Capacitor Live Updates with AI Agents", description mentions AI agent
/native-build/ Existing MCP "ask AI" section improved: "More things to ask" ("Build and upload my iOS app to TestFlight", …) and the Agent Skills install line Title "Capgo Builder: Capacitor native builds from CI or AI agents", description
/observe/ New section after Logs ("Which release raised the crash rate?", …) Title + description (MCP)
/notifications/ New section after guidance Description
/app_mobile/ New section before app examples Description
/plugins/ New section after stats, with agent guide links Title "Capacitor Plugins Your AI Agent Can Install", description (also ItemList JSON-LD)
/plugins/<slug>/ Compact "Use with your AI agent" block in the sidebar: npx skills add Cap-go/capgo-skills with a copy button + "Add to my app and wire it up" featureList added to SoftwareApplication JSON-LD
/integrations/ New section between integrations and freelance partners, with agent guide links Subtitle/description
/ci_cd/ New section after Capgo Build CI/CD Title "Capacitor CI/CD with Capgo Build and AI Agents", description, keywords
/capgo-cli/ Existing MCP section improved: example prompts + Agent Skills install command Description
/enterprise/ New "Governed AI automation" section after governance Title, description, Service JSON-LD description

Service JSON-LD on these pages reuses the meta description, so it now mentions AI agents/MCP as well.

All new copy is in apps/shared/copy/messages.ts. The translation contexts (messageContexts.ts, translationContextByText.ts) were regenerated with bun run generate:message-contexts; the diff only touches the new/changed keys.

README banner (apps/web/src/worker/readme-banner.ts)

Variant Before After
live update / plugin live OTA, Native build, AppStore publishing, 155+ Free plugins: AI skills + MCP, OTA, native builds, 155+ free plugins:
build / plugin build Native iOS/Android builds, App Store publishing, 155+ free plugins: (was clipped on main) / Native build, AppStore publishing, 155+ Free plugins: AI skills + MCP, iOS/Android builds, 155+ free plugins:
live update title Instant updates for Capacitor Capacitor live updates with AI

Measured in Chromium: the detail line now ends at x≈1385–1399, inside the 1504px copy area. The build variant on main ended at x≈1609 and was cut off. The longer "AI agent skills + MCP, OTA, native builds, store publishing, …" would also have been clipped, so the line is shorter. The plugin count still comes from pluginCountLabel. New apps/web/test/readme-banner.test.js checks each variant (contains "AI skills + MCP", no truncation, ≤58 chars).

Screenshots

Live update (desktop / mobile)

Native build: improved MCP section

Plugin detail (/plugins/capacitor-admob/, desktop / mobile)

Plugins hub

Observe

CI/CD

Capgo CLI

Integrations

Enterprise

Notifications / Mobile app

README banner

Before (live):

After (live):

Before (build, clipped):

After (build):

Before / after (plugin):

Visual diff

Generated with bun run visual-diff:compare (14 screenshots, fuzz 1%). All diffs are expected: new or extended AI sections push later content down.

Status Suite Route Viewport Diff (px)
changed web /ci_cd/ desktop 1599990
changed web /ci_cd/ mobile 790452
changed web /live-update/ desktop 225441
changed web /live-update/ mobile 47135
changed web /native-build/ desktop 469482
changed web /native-build/ mobile 273260
changed web /notifications/ desktop 228155
changed web /notifications/ mobile 137937
changed web /observe/ desktop 201186
changed web /observe/ mobile 128850
changed web /plugins/ desktop 239678
changed web /plugins/ mobile 152216
changed web /plugins/capacitor-admob/ desktop 335427
changed web /plugins/capacitor-admob/ mobile 274638

Checks

  • cd apps/web && NODE_OPTIONS=--max-old-space-size=16384 bun run check: 0 errors, 0 warnings
  • bun test apps/web/test: 150 pass, 0 fail
  • bun run build:web: 873 pages built

🤖 Generated with Claude Code


View with [code]smith Autofix with [code]smith
Need help on this PR? Tag @codesmith-bot with what you need.

View guided diff Turn on auto-fix

Position Capgo as the AI-ready platform to build, ship, and maintain
Capacitor apps across product pages, not only on the homepage.

- AgentReadySection: optional eyebrow/title/subtitle, product-specific
  example prompts, agent setup guide links, unique heading ids
- Product-specific agent sections on live-update, observe, notifications,
  app_mobile, plugins, integrations, ci_cd and enterprise
- native-build and capgo-cli: extend existing MCP sections with more
  example prompts and the Agent Skills install command
- Plugin detail pages: compact "Use with your AI agent" block with the
  skills install command and a prompt using the plugin package name,
  plus featureList in SoftwareApplication JSON-LD
- Meta titles/descriptions mention AI agents / MCP where natural
- README banner: "AI skills + MCP" detail lines that fit the copy area
  (also fixes the build variant that was clipped), new live update title,
  with a test that guards the length
- Translation contexts regenerated for the new/changed keys only

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@coderabbitai

coderabbitai Bot commented Oct 12, 2026

Copy link
Copy Markdown
Contributor

Warning

Review limit reached

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Next included review available in 34 minutes.

Check out review usage here.

View limit details

Limit details: You’ve used the included review currently available.

Learn how review limits work.

Review configuration:

⚙️ Run configuration
  • Configuration used: Organization UI
  • Review profile: ASSERTIVE
  • Plan: Advanced
  • Run ID: 778d9ae3-807e-43fc-b539-591c3bc864e3

📥 Commits

Reviewing files that changed from the base of the PR and between 7369de3 and d89430d.


📒 Files selected for processing (17)
  • apps/shared/copy/messageContexts.ts
  • apps/shared/copy/messages.ts
  • apps/shared/copy/translationContextByText.ts
  • apps/web/src/components/AgentReadySection.astro
  • apps/web/src/pages/app_mobile.astro
  • apps/web/src/pages/capgo-cli.astro
  • apps/web/src/pages/ci_cd.astro
  • apps/web/src/pages/enterprise.astro
  • apps/web/src/pages/integrations.astro
  • apps/web/src/pages/live-update.astro
  • apps/web/src/pages/native-build.astro
  • apps/web/src/pages/notifications.astro
  • apps/web/src/pages/observe.astro
  • apps/web/src/pages/plugins.astro
  • apps/web/src/pages/plugins/[slug].astro
  • apps/web/src/worker/readme-banner.ts
  • apps/web/test/readme-banner.test.js

  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@sonarqubecloud

Copy link
Copy Markdown

@riderx
riderx merged commit 8cea1e2 into main Oct 12, 2026
13 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant