From 721a9a275b7f1868fac6d9118db72c574a43df95 Mon Sep 17 00:00:00 2001
From: Harry Phan <phanhoangvinhhien@gmail.com>
Date: Mon, 17 Aug 2026 15:40:12 +0700
Subject: [PATCH] Add skill-detail-editor roadmap item and cmk:visualize
 reference link

Adds "Skill detail view, styled like an editor" to In Progress (no PR
yet, still in draft). Extends cmk:visualize's description with the
isometric-repo-map use case and links to the reference prompt that
inspired it. RoadmapBoard now renders an optional reference link on
active cards.
---
 components/marketing/roadmap/RoadmapBoard.tsx | 10 ++++++++++
 components/marketing/roadmap/data.ts          | 12 +++++++++++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/components/marketing/roadmap/RoadmapBoard.tsx b/components/marketing/roadmap/RoadmapBoard.tsx
index f12d165..f753645 100644
--- a/components/marketing/roadmap/RoadmapBoard.tsx
+++ b/components/marketing/roadmap/RoadmapBoard.tsx
@@ -41,6 +41,16 @@ function ActiveCard({ item }: { item: Extract<RoadmapItem, { status: "now" | "ne
     <div className="border border-[var(--border-subtle)] p-4 transition-colors hover:border-[var(--border-strong)]">
       <h3 className="text-[14px] font-medium text-[var(--text-primary)]">{item.title}</h3>
       <p className="mt-1.5 text-[13px] leading-relaxed text-[var(--text-secondary)]">{item.description}</p>
+      {item.link && (
+        <Link
+          href={item.link.url}
+          target="_blank"
+          rel="noreferrer"
+          className="mt-2 block w-fit text-[11px] text-[var(--text-tertiary)] underline decoration-current/30 underline-offset-4 transition-colors hover:text-[var(--text-secondary)] hover:decoration-current"
+        >
+          {item.link.label} &rarr;
+        </Link>
+      )}
       <div className="mt-2 flex items-center justify-between gap-2">
         <span className="font-mono text-[11px] uppercase tracking-wider text-[var(--text-tertiary)]">{item.category}</span>
         {item.pr && <RefChip label="gh pr" url={item.pr} />}
diff --git a/components/marketing/roadmap/data.ts b/components/marketing/roadmap/data.ts
index d743fc5..23b093e 100644
--- a/components/marketing/roadmap/data.ts
+++ b/components/marketing/roadmap/data.ts
@@ -18,6 +18,8 @@ interface ActiveRoadmapItem extends RoadmapItemBase {
   status: "now" | "next" | "later";
   /** Open PR covering this work, if any. */
   pr?: string;
+  /** External reference/inspiration for this item — a post, a prior art link. */
+  link?: { label: string; url: string };
 }
 
 interface ShippedRoadmapItem extends RoadmapItemBase {
@@ -66,12 +68,20 @@ export const ROADMAP_ITEMS: RoadmapItem[] = [
     description: "Stops hitting GitHub's rate limit on repo metadata calls and removes a dead WebGL scroll loop left running behind it.",
     pr: `${REPO}/pull/13`,
   },
+  {
+    id: "skill-detail-editor",
+    status: "now",
+    category: "Website",
+    title: "Skill detail view, styled like an editor",
+    description: "A code-editor-styled view for browsing a skill's own details, instead of the current layout. No PR yet — still in draft.",
+  },
   {
     id: "cmk-visualize",
     status: "next",
     category: "Skills",
     title: "New skill: cmk:visualize",
-    description: "Turns content you already have — a design doc, a tracker query, a raw description — into a rendered diagram, slide deck, or animated teaser, instead of a wall of markdown.",
+    description: "Turns content you already have — a design doc, a tracker query, a raw description — into a rendered diagram, slide deck, or animated teaser, instead of a wall of markdown. One target shape: an isometric map of a repo's own infrastructure, dependencies and data paths traced from the real code, citing the files it read.",
+    link: { label: "reference: isometric repo-map prompt", url: "https://x.com/JayScambler/status/2088356230968287547" },
   },
   {
     id: "cmk-interpret",