Customer concept graphics: How-it-works grid, render transform, pilot journey - #954
Merged
Conversation
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Adds compact-scale StreamConcept and RenderConcept homepage cards, plus Task 2 carry-overs: a stronger DiagramSection test, a corrected component-name code comment in landing.css, and a JSDoc note on why DiagramSection is always tinted. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Row 3 content bottom is 224 (y180+h44); with the kit's 16px bottom margin viewHeight must be 240, matching the 16px top margin. Was 232, leaving only an 8px bottom margin. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…st slack Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…op routing Fixes review findings on the four compact concept diagrams: the ApproveConcept resume loop butt-ended into the pill's border instead of dropping into its face, row 1 wasn't right-aligned with the outcome node, and "resumes exactly there" soft-claimed checkpoint durability the runtime-neutral card doesn't earn. ShipConcept's end nodes never named their subject (missing eyebrow). StreamConcept accented the signals source instead of the payoff. Pills are event labels, not payoffs, so DiagramPill gains a neutral tone (default accent unchanged) and every pill in the concept cards now renders neutral, leaving exactly one accented node per card. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
… job Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…hip claim Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Add RenderTransform, a horizontal spec-to-components diagram (UI spec -> @threadplane/render -> your components) at custom 760x96 geometry so both real edge-break pill labels fit at docs-scale text metrics. Wire it into a new DiagramSection on /render, distinct in copy from the existing #schemas FeatureBlock right below it. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
The 760 canvas made this the smallest-typed diagram on the site and dropped phone rendering below the 600px legibility floor. Re-tiled at viewWidth 640 using real getBBox() glyph-width reads (not character estimates) so every node keeps genuine slack at this width. Also swaps the vague headline/body for concrete mechanism copy and gives the payoff node's meta a descriptive line instead of a negation. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…ithful copy Rebalance margins from 16/36 to 16/14 by shortening Harden's meta to the page's own "on-call runbook" phrase, freeing enough room for a terminal "handoff" gate pill (grounded in the page's week-8 roadmap item, "Train your team · handoff") so all three phase transitions get a named gate, matching the section headline. Replace the synthesized "a production-ready system" in the section body with the page's own "an on-call runbook". Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Correct PilotJourney's traceability JSDoc: the "handoff" pill quotes the W8 row of the Discover block's "Roadmap draft" panel, not a Harden row. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
blove
enabled auto-merge (squash)
September 2, 2026 15:37
Contributor
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
metaStyle="mono"on nodes and atone="neutral"pill variant — all attribute-gated, so existing docs diagrams are untouched by construction.HomeConceptGrid): a 2×2 grid of four uniform 320×240 concept cards — Stream, Render, Ship, Approve — each with exactly one accent (the customer payoff node), neutral event pills, an honest one-sentence claim, and a "See it live" anchor into its FeatureBlock. Placed between the Architecture section and the demo, so the page reads where things sit → what happens at runtime → see it./render:RenderTransform(640×96) — the docs' real spec fragment →@threadplane/render(registry · state · handlers) → accent "your components" — under the headline "Schema on the wire, your design system on screen"./pilot-to-prod:PilotJourney— Discover → roadmap → Build → working agent → Harden → handoff, every one of its 9 labels quoting the page's own copy (enforced by plan tripwires).DiagramSectionextracted;StackDiagramSectionis now a thin wrapper (verified DOM no-op on/,/langgraph,/ag-ui).Test Plan
nx test websitegreen (new load-bearing, mutation-tested specs for all six compositions + grid + section)nx lint website0 errors; style contracts pin the compact min/max-width overridesnx build website --configuration=productiongreen (re-run after rebase onto main)🤖 Generated with Claude Code