Skip to content

Reposition Caplets around whole-stack agent capabilities#248

Open
ian-pascoe wants to merge 2 commits into
mainfrom
worktree/rapid-river-8e06
Open

Reposition Caplets around whole-stack agent capabilities#248
ian-pascoe wants to merge 2 commits into
mainfrom
worktree/rapid-river-8e06

Conversation

@ian-pascoe

@ian-pascoe ian-pascoe commented Jul 27, 2026

Copy link
Copy Markdown
Contributor

Summary

  • reposition Caplets as the capability layer that lets coding agents work across the user’s intentionally exposed whole stack
  • rebuild the landing journey around backend breadth, capability composition, portability, sharing, and issue-to-production work
  • align docs, README, catalog, blog, metadata, strategy, domain language, and CTA observability with the new positioning
  • preserve trust boundaries, explicit authorization, catalog safety warnings, and benchmarked efficiency as technical proof

Verification

  • pnpm verify
  • focused landing tests, typechecks, and landing/docs/catalog builds
  • desktop and mobile browser smoke tests
  • accessibility audit: 0 violations
  • two-axis standards and specification review, with findings addressed

Closes #244

Summary by CodeRabbit

  • New Features

    • Added clearer whole-stack capability messaging across the website, documentation, catalog, and blog.
    • Added a supported connection model showing backend families and agent surfaces.
    • Added an end-to-end workflow walkthrough for carrying work from issue to deployment.
    • Added manual and agent setup tabs with copyable activation commands.
    • Added portability and capability-sharing guidance, including a “Share capabilities, not secrets” callout.
    • Updated navigation and calls to action for connecting capabilities and browsing shared Caplets.
  • Accessibility & Tracking

    • Improved semantic landmarks and CTA categorization for accessibility and engagement tracking.

@ian-pascoe ian-pascoe added the no changeset No package changeset required label Jul 27, 2026
@coderabbitai

coderabbitai Bot commented Jul 27, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

📝 Walkthrough

Walkthrough

Caplets’ positioning is rewritten around a whole-stack capability layer. Documentation, catalog pages, landing sections, activation flows, navigation, metadata, accessibility semantics, and CTA observability are updated to reflect the new terminology and journey.

Changes

Whole Stack positioning

Layer / File(s) Summary
Language and strategy definitions
CONTEXT.md, PRODUCT.md, README.md, STRATEGY.md, apps/docs/..., apps/landing/src/content/blog/...
Defines capability-layer terminology and aligns product, documentation, README, strategy, and blog messaging.
Catalog positioning and metadata
apps/catalog/src/pages/..., apps/catalog/src/styles/catalog.css
Updates catalog SEO metadata, positioning content, access wording, and layout styles.
Landing narrative and capability sections
apps/landing/src/components/landing/{Breadth,WholeJob,WhyCaplets,RemoteStory,Proof}.astro, apps/landing/src/data/landing.ts
Adds breadth and whole-job sections and revises problem, portability, proof, and sharing content.
Landing composition and navigation
apps/landing/src/components/landing/{Hero,Header,Footer,BlogCta,AgentTrace,CommandBlock}.astro, apps/landing/src/pages/*, apps/landing/src/layouts/*, apps/landing/src/pages/blog/*
Reworks landing composition, navigation, CTAs, metadata, blog presentation, and accessibility landmarks.
Activation flow and CTA measurement
apps/landing/src/components/landing/Activation.astro, apps/landing/src/scripts/observability.ts, apps/landing/test/*
Moves setup interaction into Activation, adds activation CTAs, supports explicit CTA categories, and updates coverage.

Estimated code review effort: 3 (Moderate) | ~25 minutes

Sequence Diagram(s)

sequenceDiagram
  participant Visitor
  participant LandingPage
  participant Activation
  participant Observability
  participant PostHog
  Visitor->>LandingPage: Open whole-stack landing page
  LandingPage->>Activation: Render setup options and activation CTA
  Visitor->>Activation: Copy setup command or connect backend
  Visitor->>Observability: Click categorized CTA
  Observability->>PostHog: Capture caplets_site_intent with CTA category
Loading

Possibly related PRs

Poem

A rabbit hops through stacks so wide,
Caplets gather paths side by side.
Copy, connect, and share with care,
No secrets scattered in the air.
“Whole stack!” we cheer, then leap—
Clean trails for agents while they hop and creep.

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (4 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title clearly summarizes the PR’s main repositioning of Caplets around whole-stack agent capabilities.
Linked Issues check ✅ Passed The changes align with the linked issue by updating landing, docs, catalog, and strategy copy around whole-stack capabilities, portability, and activation.
Out of Scope Changes check ✅ Passed The visible changes stay within messaging, metadata, UI, analytics, and tests, with no unrelated backend or architectural additions.
✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch worktree/rapid-river-8e06

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.

@greptile-apps

greptile-apps Bot commented Jul 27, 2026

Copy link
Copy Markdown
Contributor

Greptile Summary

Repositions Caplets as a controlled, reusable whole-stack capability layer for coding agents.

  • Rebuilds the landing-page journey, navigation, activation flow, capability examples, and benchmark presentation.
  • Aligns catalog, documentation, README, blog, strategy, terminology, metadata, and CTA analytics with the new positioning.
  • Adds catalog social metadata and expands landing observability tests for explicitly categorized CTAs.

Confidence Score: 4/5

The PR appears safe to merge, with a non-blocking catalog metadata issue that should be corrected to keep shared detail URLs canonical.

The landing interactions and analytics contract remain coherent, while catalog detail pages can emit request-specific Open Graph URLs on preview hosts or requests containing query parameters.

Files Needing Attention: apps/catalog/src/pages/caplets/[entryKey].astro

Important Files Changed

Filename Overview
apps/landing/src/pages/index.astro Reorders the landing journey and adds the breadth and issue-to-production sections without an identified functional issue.
apps/landing/src/components/landing/Activation.astro Moves setup and copy controls into the activation section while preserving working tab and copy initialization.
apps/landing/src/scripts/observability.ts Captures explicitly categorized internal CTAs; the emitted categorical values satisfy the shared event contract.
apps/catalog/src/pages/caplets/[entryKey].astro Adds social metadata, but derives og:url from the request and can publish noncanonical preview or query-bearing URLs.
apps/landing/src/data/landing.ts Updates capability, portability, benchmark, and activation content used throughout the redesigned landing page.

Fix All in Codex

Reviews (1): Last reviewed commit: "fix(marketing): align whole-stack public..." | Re-trigger Greptile

<meta property="og:title" content={`${pageTitle} — Caplets Catalog`} />
<meta property="og:description" content={pageDescription} />
<meta property="og:type" content="website" />
<meta property="og:url" content={Astro.url.href} />

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Request-derived social URL

Using Astro.url.href publishes the incoming hostname and query string as og:url, so shares made through preview hosts or tracking URLs advertise a request-specific address instead of the stable production catalog entry. Build this value from the configured catalog site and entry path, consistent with the catalog index metadata.

Knowledge Base Used: Dashboard and Catalog Apps

Note: If this suggestion doesn't match your team's coding style, reply to this and let me know. I'll remember it for next time!

Fix in Codex

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 2

🧹 Nitpick comments (1)
apps/landing/test/activation-links.test.ts (1)

8-16: 📐 Maintainability & Code Quality | 🔵 Trivial | ⚡ Quick win

Test rendered behavior instead of component-source literals.

These checks couple to raw Astro markup and data-* strings. Cover the rendered CTA destination/category and setup-tab behavior through the landing test surface instead.

As per coding guidelines, “avoid tests that merely restate implementation literals or superficial metadata/copy/export details.”

Also applies to: 18-20

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@apps/landing/test/activation-links.test.ts` around lines 8 - 16, Replace the
source-text assertions in the activation-links test with landing-surface
behavior tests that render or exercise Hero.astro and verify the secondary
shared-Caplets CTA resolves to the public catalog and exposes the secondary
category. Also cover the setup-tab interaction and its resulting rendered
behavior through the landing test surface, without reading component source or
asserting raw implementation literals.

Source: Coding guidelines

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@apps/docs/src/content/docs/index.mdx`:
- Line 15: Update the Code Mode description to say that each configured Caplet
becomes a typed caplets.<id> handle, replacing the inaccurate reference to each
configured backend while preserving the rest of the explanation.

In `@STRATEGY.md`:
- Around line 22-23: Update the “Caplet Activation” definition in STRATEGY.md to
require both the first successful Caplet backend operation and a subsequent
connection of a capability from the user’s own stack. Alternatively, split first
execution and activation into distinct events, ensuring retention and activation
cohorts use the milestone that includes the follow-up connection.

---

Nitpick comments:
In `@apps/landing/test/activation-links.test.ts`:
- Around line 8-16: Replace the source-text assertions in the activation-links
test with landing-surface behavior tests that render or exercise Hero.astro and
verify the secondary shared-Caplets CTA resolves to the public catalog and
exposes the secondary category. Also cover the setup-tab interaction and its
resulting rendered behavior through the landing test surface, without reading
component source or asserting raw implementation literals.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 6718a552-0756-4e7d-bd5b-3784aeb08aca

📥 Commits

Reviewing files that changed from the base of the PR and between 76f55bb and 7ded03f.

📒 Files selected for processing (29)
  • CONTEXT.md
  • PRODUCT.md
  • README.md
  • STRATEGY.md
  • apps/catalog/src/pages/caplets/[entryKey].astro
  • apps/catalog/src/pages/index.astro
  • apps/catalog/src/styles/catalog.css
  • apps/docs/src/content/docs/index.mdx
  • apps/landing/src/components/landing/Activation.astro
  • apps/landing/src/components/landing/AgentTrace.astro
  • apps/landing/src/components/landing/BlogCta.astro
  • apps/landing/src/components/landing/Breadth.astro
  • apps/landing/src/components/landing/CommandBlock.astro
  • apps/landing/src/components/landing/Footer.astro
  • apps/landing/src/components/landing/Header.astro
  • apps/landing/src/components/landing/Hero.astro
  • apps/landing/src/components/landing/Proof.astro
  • apps/landing/src/components/landing/RemoteStory.astro
  • apps/landing/src/components/landing/WholeJob.astro
  • apps/landing/src/components/landing/WhyCaplets.astro
  • apps/landing/src/content/blog/why-giant-mcp-tool-walls-dont-scale.md
  • apps/landing/src/data/landing.ts
  • apps/landing/src/layouts/LandingLayout.astro
  • apps/landing/src/pages/blog/index.astro
  • apps/landing/src/pages/index.astro
  • apps/landing/src/scripts/observability.ts
  • apps/landing/test/activation-links.test.ts
  • apps/landing/test/blog-navigation.test.ts
  • apps/landing/test/observability.test.ts
💤 Files with no reviewable changes (1)
  • apps/landing/test/blog-navigation.test.ts

Codex, Claude, OpenCode, Pi, and supported MCP clients while each host independently
supplies and authorizes access.

Code Mode is the default surface: each configured backend becomes a typed `caplets.<id>` handle that an agent can inspect, search, call, filter, and summarize in one workflow. Direct and progressive exposure remain available for clients and tasks that need them.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🎯 Functional Correctness | 🟡 Minor | ⚡ Quick win

Document Caplet handles, not backend handles.

The Code Mode declaration generator creates caplets.<id> properties from configured Caplets and their caplet.id values, not directly from backend instances. Change “each configured backend” to “each configured Caplet” so users do not infer a one-to-one backend/handle mapping.

Proposed wording
-Code Mode is the default surface: each configured backend becomes a typed `caplets.<id>` handle
+Code Mode is the default surface: each configured Caplet becomes a typed `caplets.<id>` handle
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
Code Mode is the default surface: each configured backend becomes a typed `caplets.<id>` handle that an agent can inspect, search, call, filter, and summarize in one workflow. Direct and progressive exposure remain available for clients and tasks that need them.
Code Mode is the default surface: each configured Caplet becomes a typed `caplets.<id>` handle that an agent can inspect, search, call, filter, and summarize in one workflow. Direct and progressive exposure remain available for clients and tasks that need them.
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@apps/docs/src/content/docs/index.mdx` at line 15, Update the Code Mode
description to say that each configured Caplet becomes a typed caplets.<id>
handle, replacing the inaccurate reference to each configured backend while
preserving the rest of the explanation.

Comment thread STRATEGY.md
Comment on lines +22 to +23
- **Caplet Activation** - The first successful backend operation executed through a configured Caplet. Landing clicks, catalog views, installation, and setup completion are funnel diagnostics, not activation.
- **Whole Stack retention** - Repeat successful Caplet executions across backend families, indicating that users expanded beyond the first no-auth capability into personally relevant work.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🗄️ Data Integrity & Integration | 🟠 Major | ⚡ Quick win

Align “Caplet Activation” with the intended activation milestone.

This currently counts only the first successful backend operation, but the PR objective defines activation as that success followed by connecting a capability from the user’s own stack. Define the follow-up connection in this metric, or split first execution and activation into separate events; otherwise retention and activation reporting will use the wrong cohort.

Proposed wording
-- **Caplet Activation** - The first successful backend operation executed through a configured Caplet.
+- **Caplet Activation** - A first successful backend operation followed by connecting a capability from the user's own stack.
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
- **Caplet Activation** - The first successful backend operation executed through a configured Caplet. Landing clicks, catalog views, installation, and setup completion are funnel diagnostics, not activation.
- **Whole Stack retention** - Repeat successful Caplet executions across backend families, indicating that users expanded beyond the first no-auth capability into personally relevant work.
- **Caplet Activation** - The first successful backend operation executed through a configured Caplet. Landing clicks, catalog views, installation, and setup completion are funnel diagnostics, not activation.
**Caplet Activation** - A first successful backend operation followed by connecting a capability from the user's own stack.
- **Whole Stack retention** - Repeat successful Caplet executions across backend families, indicating that users expanded beyond the first no-auth capability into personally relevant work.
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@STRATEGY.md` around lines 22 - 23, Update the “Caplet Activation” definition
in STRATEGY.md to require both the first successful Caplet backend operation and
a subsequent connection of a capability from the user’s own stack.
Alternatively, split first execution and activation into distinct events,
ensuring retention and activation cohorts use the milestone that includes the
follow-up connection.

@github-actions

Copy link
Copy Markdown
Contributor

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

no changeset No package changeset required

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Reposition Caplets around Whole Stack agent capabilities

1 participant