Skip to content

[WIP DEMO] feat(case-study): Anysphere Cursor success story [FABLE 5 MAX]#152

Open
oycyc wants to merge 3 commits into
masterfrom
claude/sad-jang-b16005
Open

[WIP DEMO] feat(case-study): Anysphere Cursor success story [FABLE 5 MAX]#152
oycyc wants to merge 3 commits into
masterfrom
claude/sad-jang-b16005

Conversation

@oycyc

@oycyc oycyc commented Jul 10, 2026

Copy link
Copy Markdown
Contributor

What this is

A new immersive case study for Anysphere / Cursor at /case-studies/cursor/, built from the Cursor Case Study Draft in Notion. All case-study copy is the Notion draft verbatim — only placement/sectioning was designed; no wording was changed.

Page structure — one card per chapter

Hero (Cursor brand-kit lockup × Masterpoint) → 4-up stat strip → TLDR band → Key Value Delivered impact grid → The Problem (one pine card: CSS-drawn terralith monolith figure inline, both Travis quotes, trust-erosion + TFC friction) → What Masterpoint Did (one light card: dated 4-phase rail — Nov audit with before/after ledgers, Dec Spacelift groundwork, Jan–Feb bulk migration, Feb–May AI guardrails with the editor-window rules figure + Ravi quote inside the phase) → The Results (one pine card: magnitude wall, Numbers That Matter ledger, plan-time dial, deployment-frequency chart, cohort ledger, democratization chart under ### chapter subheads) → What Changed for the Team (one light card: blast-radius chart + Ravi quote + the three closing reads) → Travis testimonial on the cosmic band → Terraform-ceilings CTA. Faces alternate light↔pine strictly.

New immersive building blocks (documented in docs/case-studies.md)

  • csi-phases / csi-phase — vertical engagement-journey rail (gradient rail + dot, date chip, full markdown bodies, nested ledgers)
  • csi-scale — type-specimen magnitude wall
  • csi-figure — embed CSS-drawn figures inline in prose (for consolidated single-card sections)
  • csi-compare now supports an optional delta: improvement pill per row
  • CSS-drawn figures: cursor/terralith (monolith-only) and cursor/agent-rules (editor window)
  • Inline chart styling (.csi-prose img), in-card ### chapter subheads, and fixes: light cs-pullquote two-line attribution name was white-on-cream; heading render-hook anchors were painted with the prose link colour

Graphics

All four branded charts from the Notion draft are used — one per duplicate pair, matched to card faces (dark charts on pine bands, white charts on light bands). The spare white deploy-time column chart serves as preview_image/og_img. Cursor logo is the official brand-kit horizontal lockup (off-white SVG).

QA done

  • Full-page desktop (1440), mobile (430), and headless-Chrome print/PDF passes — ledgers, rail, figures, and pills all verified; print break-inside + gradient fallbacks extended for the new components
  • One-shot hugo build clean; trunk fmt run on changed files
  • Cursor takes weight: 1 and leads the /case-studies/ list

Flagged for review (kept verbatim per instructions)

  • "Masterpoint continued to improved system usability" (phase 4 intro)
  • "We went from a system people were afraid to touch Terraform to where…" (closing Travis quote)
  • "The findings included IAM duplication accounted for 70%…" (reads as a comma splice)
  • Ravi Rahman's title is lowercase "software engineer" in the draft
  • No "About Cursor" blurb exists in the draft, so there's no about card — happy to add one if marketing supplies copy
  • Headshots for Travis McPeak / Ravi Rahman would upgrade the quote cards + closing testimonial to the avatar-left layout

🤖 Generated with Claude Code

Summary by CodeRabbit

  • New Features

    • Added an immersive Cursor case study with performance metrics, project phases, results, visuals, and testimonials.
    • Added new visual layouts for phases, scaling metrics, infrastructure diagrams, and agent rules.
    • Added inline figure, phase timeline, and scale presentation shortcodes.
    • Added optional improvement indicators to before-and-after comparison metrics.
  • Enhancements

    • Improved typography, image presentation, dark-section contrast, and list styling.
    • Improved print and PDF layouts to keep visual sections together across pages.
  • Documentation

    • Expanded case-study authoring guidance and documented the new components and options.

New /case-studies/cursor/ page on the immersive layout, copy taken verbatim
from the marketing Notion draft. Ships three new immersive building blocks:

- csi-phases / csi-phase — vertical engagement-journey rail (date chip +
  gradient dot per phase, full block-markdown bodies, nested ledgers)
- csi-scale — type-specimen magnitude wall for the "what the platform
  manages" enumeration
- csi-compare gains an optional delta: improvement pill per row

Plus two CSS-drawn figures (cursor/terralith monolith, cursor/agent-rules
editor window), branded chart exports from the Notion draft (one per
duplicate pair; the spare doubles as preview/OG image), the official Cursor
brand-kit lockup, in-card prose subhead styles, a fix for the light
cs-pullquote two-line attribution name (was white-on-cream), and print
checklist entries for all new cards. Cursor takes weight 1, so it leads the
case-studies list.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@oycyc oycyc requested a review from a team as a code owner July 10, 2026 04:31
@netlify

netlify Bot commented Jul 10, 2026

Copy link
Copy Markdown

Deploy Preview for masterpoint ready!

Name Link
🔨 Latest commit 30830c8
🔍 Latest deploy log https://app.netlify.com/projects/masterpoint/deploys/6a5131c9b6f47200070c065a
😎 Deploy Preview https://deploy-preview-152--masterpoint.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 17
Accessibility: 86
Best Practices: 92
SEO: 79
PWA: 70
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

@coderabbitai

coderabbitai Bot commented Jul 10, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

Warning

Review limit reached

@oycyc, you've reached your PR review limit, so we couldn't start this review.

Next review available in: 13 minutes

Enable usage-based reviews in Billing to review now. Otherwise, wait until the next included review is available.
You're only billed for reviews past your plan's rate limits ($0.25/file).

How can I continue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based reviews.

How do review limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability.

For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window.

Please refer docs for additional details.

Review details
⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 38eac338-0aa2-4cc1-acd2-bd3d2f657dba

📥 Commits

Reviewing files that changed from the base of the PR and between 15e5f9b and 30830c8.

📒 Files selected for processing (2)
  • assets/css/case-studies.scss
  • docs/case-studies.md

Walkthrough

Adds a complete Cursor immersive case study with new Hugo shortcodes, accessible CSS-drawn figures, phase and scale components, comparison deltas, responsive and print styling, and updated authoring documentation.

Changes

Cursor immersive case study

Layer / File(s) Summary
Immersive shortcode and figure rendering
layouts/shortcodes/csi-*.html, layouts/partials/case-studies/figures/cursor/*
Adds phase, scale, inline figure, and comparison-delta rendering, plus accessible terralith and agent-rules figure partials.
Immersive component and print styling
assets/css/case-studies.scss
Adds prose, phase rail, scale, comparison-pill, CSS-drawn figure, dark-section, and print-layout styling.
Cursor case-study page
content/case-studies/cursor.md
Adds the complete Cursor narrative, metrics, engagement phases, results, figures, and testimonials.
Case-study authoring guidance
docs/case-studies.md
Documents Cursor routing, layout conventions, shortcode syntax, content rules, testimonial variants, and print handling.

Estimated code review effort: 4 (Complex) | ~45 minutes

Possibly related PRs

Suggested reviewers: gberenice, Gowiem, westonplatter

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title is related to the main change: a new Cursor case study page, though it includes some noisy prefixes/suffixes.
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch claude/sad-jang-b16005

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.

Per content-owner feedback that the page had too many sections: 16 bands
become 8 (TLDR, Key Value Delivered, The Problem, What Masterpoint Did,
The Results, What Changed for the Team, testimonial, CTA), strictly
alternating light/pine, with all copy unchanged.

- new csi-figure shortcode embeds CSS-drawn figures inline in prose (the
  terralith monolith now sits inside the Problem card; the agent-rules
  window inside the rail's Feb-May phase, where the Notion draft has it)
- charts move from csi-split media columns into the prose flow
  (.csi-prose img: rounded, shadowed, hairline edge on pine,
  break-inside: avoid in print)
- prose h3 subheads sized up to carry the internal chapters, and heading
  render-hook anchors keep heading colour instead of prose link colour
  (mint headings on pine bug)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

@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

🤖 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 `@content/case-studies/cursor.md`:
- Line 176: Correct the grammar in the sentence following the migration
description by changing “continued to improved” to “continued to improve.”

In `@docs/case-studies.md`:
- Around line 498-500: Replace the ambiguous `.csi-fig-terralith__mono/__stack`
entry in the selector list with two explicit comma-separated selectors,
`.csi-fig-terralith__mono` and `.csi-fig-terralith__mono__stack`, preserving the
surrounding selectors and prose.
🪄 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: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: c8b091aa-5a4c-489a-8d75-d5900dc7f816

📥 Commits

Reviewing files that changed from the base of the PR and between 7758520 and 15e5f9b.

⛔ Files ignored due to path filters (6)
  • static/img/case-studies/cursor/cursor-dial-gauge.png is excluded by !**/*.png
  • static/img/case-studies/cursor/cursor-frequency-stat.png is excluded by !**/*.png
  • static/img/case-studies/cursor/cursor-lockup-white.svg is excluded by !**/*.svg
  • static/img/case-studies/cursor/dependency-graph.png is excluded by !**/*.png
  • static/img/case-studies/cursor/plan-time-column-compare.png is excluded by !**/*.png
  • static/img/case-studies/cursor/tf-workspaces-growth.png is excluded by !**/*.png
📒 Files selected for processing (10)
  • assets/css/case-studies.scss
  • content/case-studies/cursor.md
  • docs/case-studies.md
  • layouts/partials/case-studies/figures/cursor/agent-rules.html
  • layouts/partials/case-studies/figures/cursor/terralith.html
  • layouts/shortcodes/csi-compare.html
  • layouts/shortcodes/csi-figure.html
  • layouts/shortcodes/csi-phase.html
  • layouts/shortcodes/csi-phases.html
  • layouts/shortcodes/csi-scale.html

As part of the final migration work, the production workspace was reduced by splitting out various provider-aliased resources into dedicated stacks, continuing the decomposition work that had started with IAM deduplication in November.
{{< /csi-phase >}}
{{< csi-phase date="February to May 2026" title="AI Agent Guardrails And Additional Improvements" >}}
After the migration was completed, Masterpoint continued to improved system usability and speed by:

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

Fix grammar error: "continued to improved" → "continued to improve".

This is a clear typo in the published case study copy. The infinitive form requires "improve," not the past tense "improved."

✏️ Proposed fix
-After the migration was completed, Masterpoint continued to improved system usability and speed by:
+After the migration was completed, Masterpoint continued to improve system usability and speed by:
📝 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
After the migration was completed, Masterpoint continued to improved system usability and speed by:
After the migration was completed, Masterpoint continued to improve system usability and speed by:
🤖 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 `@content/case-studies/cursor.md` at line 176, Correct the grammar in the
sentence following the migration description by changing “continued to improved”
to “continued to improve.”

Comment thread docs/case-studies.md
Comment on lines +498 to +500
`.csi-fig-terralith__mono/__stack`, `.csi-timeline`, `.csi-question`,
`.csi-phase__head`, `.csi-scale__row`, `.csi-fig-cmono__frame`,
`.csi-fig-rules__window`) pushes a whole

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.

📐 Maintainability & Code Quality | 🟡 Minor | ⚡ Quick win

Spell out both selectors explicitly.

.csi-fig-terralith__mono/__stack is ambiguous shorthand and is not a valid selector list readers can copy directly. Use two comma-separated selectors instead.

Proposed documentation fix
-     `.csi-fig-terralith__mono/__stack`, `.csi-timeline`, `.csi-question`,
+     `.csi-fig-terralith__mono`, `.csi-fig-terralith__stack`, `.csi-timeline`, `.csi-question`,
📝 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
`.csi-fig-terralith__mono/__stack`, `.csi-timeline`, `.csi-question`,
`.csi-phase__head`, `.csi-scale__row`, `.csi-fig-cmono__frame`,
`.csi-fig-rules__window`) pushes a whole
`.csi-fig-terralith__mono`, `.csi-fig-terralith__stack`, `.csi-timeline`, `.csi-question`,
`.csi-phase__head`, `.csi-scale__row`, `.csi-fig-cmono__frame`,
`.csi-fig-rules__window`) pushes a whole
🤖 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 `@docs/case-studies.md` around lines 498 - 500, Replace the ambiguous
`.csi-fig-terralith__mono/__stack` entry in the selector list with two explicit
comma-separated selectors, `.csi-fig-terralith__mono` and
`.csi-fig-terralith__mono__stack`, preserving the surrounding selectors and
prose.

…lumns

The consolidated one-card sections used the default left alignment, which
left a 760px prose column hugging the left edge of the wide band. Default
(--left) csi-sections now render head + prose as a centred 880px article
column with text left-aligned. MarketSpark and Power Digital pass
align="center" on every section, so only Cursor is affected.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
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