diff --git a/COPY.md b/COPY.md
index ad7a51e3..9351d523 100644
--- a/COPY.md
+++ b/COPY.md
@@ -28,10 +28,12 @@ These exact strings. Do not paraphrase them per page.
 | Home caption | skilld.dev finds and tracks skills. The CLI runs or installs them in 19 agents. | guidance only: the homepage caption under the verb line. 19 is `AGENT_TARGETS` in the CLI's `crates/skilld-core/src/target.rs`. If that count changes, change this string |
 | Home claims line | Open-source CLI · Analytics without cookies or IPs · A skills.sh alternative | guidance only: the homepage claims line under the search. The third item links to `/vs/skills-sh`, and the promo label closes the line |
 | Promo label | Teach your agent skilld | guidance only: the last item of the homepage claims line. It opens a popover with `npx skilld install skilld --global` |
-| Tile: run | No more skill bloat: Run skills once off, fork, or install. | guidance only: a homepage tile, with the title before the colon. The run chip motif pairs with it |
-| Tile: trending | Stay hyped: What devs talk about on X and Bluesky, weekly and monthly. | guidance only: a homepage tile. The braille spark motif pairs with it |
-| Tile: changes | Keep updated: Watch repos and get a digest when their skills change. | guidance only: a homepage tile. The change grid motif pairs with it |
-| Tile: platform | Built to be built on: CLI, API, SDK and MCP. | guidance only: a homepage tile |
+| Step 01: find | Find · Stay hyped. A curated registry, plus what devs talk about on X and Bluesky. | guidance only: the first step of the homepage lifecycle band. The step name comes first, then the pitch line, then the description. Links `/skills/trending`. The braille spark motif pairs with the pitch line |
+| Step 02: run | Run · No more skill bloat. Your Agent reads the Skill now. Nothing lands on disk. | guidance only: a homepage lifecycle step. Links `/cli#run`. It carries the band's one rose dot, because run is the default. The run chip motif pairs with the pitch line |
+| Step 03: install | Install or fork · One install writes to 19 Agents, pinned to a commit and checked before files land. Fork for an editable copy. | guidance only: a homepage lifecycle step. Links `/cli#install`. 19 is `AGENT_TARGETS` in the CLI's `crates/skilld-core/src/target.rs`. If that count changes, change this string |
+| Step 04: update | Keep current · Keep updated. Watch repos and get a digest when their Skills change, or run `npx skilld outdated`. | guidance only: a homepage lifecycle step. Links `/cli#update`. The page prints the command through `skillOutdatedCmd`. The change grid motif pairs with the pitch line |
+| Step 05: make | Make · Guides and three authoring Skills to write and review your own. | guidance only: a homepage lifecycle step. Links `/make-skill`. The three are `generate-package-skill`, `generate-project-skill` and `review-skill` |
+| Step 06: build | Build on · Built to be built on. CLI, API, SDK, MCP and the Claude Code plugin. | guidance only: a homepage lifecycle step. Links `/developers` |
 | Home section: trending | Trending skills this week. | guidance only: the homepage trending section heading |
 | Home section: changes | Keep up with skill changes. | guidance only: the homepage section heading for watching and the digest |
 | Home section: authoring | Write a skill for your project. | guidance only: the homepage section heading for making a Skill |
@@ -172,8 +174,8 @@ technical sense: npm, PyPI, crates, RubyGems. That names a category, not a commu
 the scoped ban above does not cover it.
 
 **Exception, "hyped".** Harlan approved "hyped" for the homepage H1 and "Stay hyped" for the
-trending tile. Both name what devs talk about on X and Bluesky, which we measure and show. Use
-them only for social trending. "Hot", "popular" and "top" stay banned.
+find step of the homepage lifecycle band. Both name what devs talk about on X and Bluesky,
+which we measure and show. Use them only for social trending. "Hot", "popular" and "top" stay banned.
 
 ## Open questions
 
diff --git a/DESIGN.md b/DESIGN.md
index c9ad56e5..1b3b194d 100644
--- a/DESIGN.md
+++ b/DESIGN.md
@@ -459,3 +459,4 @@ These are editorial sets, not necessarily database collections yet. If a set has
 - **Run and install read as different materials**: run is a dashed border with a hollow dot, because nothing stays; install is a solid border with a filled dot, because files land. Run is preselected. Confirmed 2026-10-06.
 - **Trending shares the /skills shell**: `/skills/trending` uses the full-width layout from `/skills`. Its heading replaces `CompactPageHeader` and lines up with the results column. A sticky 14rem sidebar holds the range links, then the weekly CTA and the skilld install. Nothing sits right of the board, so the board takes every column the sidebar leaves. Rows switch on their own width, and the post carousel shows two cards where it has room. On narrow screens the ranges are a compact row above the board, and the CTA stays after the fifth row. Harlan asked for this on 2026-10-06. It supersedes the 2026-10-01 call that dropped the 9/3 sidebar for taking a quarter of the board's width: that sidebar sat right of a 64rem board, and this one sits left of a board that runs the full page width.
 - **Trending rows scan in one pass**: the rank is a plain mono number, and the first three are a step darker. Each metadata line runs source, stars, then the signal that ranked the row, and an empty slot renders nothing. Descriptions stop at two lines, the run chip is as wide as its command, and the post carousel shows whole cards only. The sidebar invitation drops the email preview and the card. Its button is the rail's one solid rose element, so the install chip beside it inks its dot. Harlan asked for this polish on 2026-10-06.
+- **A six-step lifecycle band replaces the four tiles**: under the hero, one band maps the whole product in its real order: find, run, install or fork, keep current, make, build on. The site and the CLI share one line. Each step is one link: a mono `01` marker and step name, then one sans line that opens with its pitch line where COPY.md has one. A line of stone dots joins the steps. Run, the default, carries the band's one rose dot, so no step lights rose on hover. Six columns from 1024px; below that a vertical list with the dots down the left. Keep the band no taller than the tiles it replaced: the hero and the band must fit a 1440×900 viewport. Harlan approved it on 2026-10-06.
diff --git a/GLOSSARY.md b/GLOSSARY.md
index 483376ef..4500aba5 100644
--- a/GLOSSARY.md
+++ b/GLOSSARY.md
@@ -150,7 +150,7 @@ Collisions
 
 **Is:** Skills ranked by devs talking about them on X and Bluesky (ADR-0004). Never by installs.
 
-**Marketing phrase:** "hyped", as in the homepage H1 and the "Stay hyped" tile. It names the same social signal.
+**Marketing phrase:** "hyped", as in the homepage H1 and the "Stay hyped" step. It names the same social signal.
 
 **Never:** popular, hot, top, leaderboard.
 
diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index 301c25c6..3c9659aa 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -1019,147 +1019,6 @@
   background: color-mix(in oklab, var(--ui-bg) 88%, transparent);
 }
 
-/* the homepage doors: three things you can do here. Rose mark, mono arrow, a rule that lights on hover. */
-.home-doors {
-  background: var(--ui-bg);
-}
-
-.home-door {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  min-width: 0;
-  padding: 2.5rem 1.25rem;
-  color: inherit;
-  text-decoration: none;
-  border-top: 1px solid var(--ui-border);
-  transition: background-color 200ms ease-out;
-}
-
-/* The rose rule: drawn from the left on hover, 300ms. */
-.home-door::before {
-  content: '';
-  position: absolute;
-  top: -1px;
-  left: 0;
-  width: 0;
-  height: 2px;
-  background: var(--ui-primary);
-  transition: width 300ms ease-out;
-}
-
-.home-door:hover,
-.home-door:focus-visible {
-  background: var(--ui-bg-muted);
-}
-
-.home-door:hover::before,
-.home-door:focus-visible::before {
-  width: 100%;
-}
-
-@media (min-width: 48rem) {
-  .home-door {
-    border-top: 0;
-    border-inline-start: 1px solid var(--ui-border);
-  }
-
-  .home-door:first-child {
-    border-inline-start: 0;
-    padding-inline-start: 0;
-  }
-
-  .home-door::before {
-    top: 0;
-  }
-}
-
-/* A bare stroke icon, like the track tiles below. It takes the rose on hover. */
-.home-door-mark {
-  display: block;
-  width: 1.25rem;
-  height: 1.25rem;
-  margin-bottom: 0.5rem;
-  color: var(--ui-text-muted);
-  transition: color 200ms ease-out;
-}
-
-.home-door:hover .home-door-mark,
-.home-door:focus-visible .home-door-mark {
-  color: var(--ui-primary);
-}
-
-.home-door-title {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.4rem;
-  font-size: 1.125rem;
-  font-weight: 600;
-  letter-spacing: -0.02em;
-  line-height: 1.3;
-}
-
-.home-door-arrow {
-  width: 1rem;
-  height: 1rem;
-  color: var(--ui-primary);
-  opacity: 0;
-  transform: translateX(-0.25rem);
-  transition: opacity 200ms ease-out, transform 200ms ease-out;
-}
-
-.home-door:hover .home-door-arrow,
-.home-door:focus-visible .home-door-arrow {
-  opacity: 1;
-  transform: translateX(0);
-}
-
-.home-door-text {
-  font-size: 0.9375rem;
-  line-height: 1.6;
-  color: var(--ui-text-muted);
-  text-wrap: pretty;
-}
-
-/* Phones get three one-line jump links. Each section intro below repeats the door text,
-   and the full doors cost a screen of scroll before the first section. Touch has no
-   hover, so the arrow stays visible. */
-@media (max-width: 47.999rem) {
-  .home-door {
-    flex-direction: row;
-    align-items: center;
-    gap: 0.75rem;
-    padding: 1rem 0;
-  }
-
-  .home-door-mark {
-    margin-bottom: 0;
-  }
-
-  .home-door-title {
-    flex: 1;
-    justify-content: space-between;
-    font-size: 1rem;
-  }
-
-  .home-door-arrow {
-    opacity: 1;
-    transform: none;
-  }
-
-  .home-door-text {
-    display: none;
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .home-door::before,
-  .home-door-arrow {
-    transition: none;
-  }
-}
-
 /* The H1 full stop is the brand dot, the hero's rose element. */
 .home-hero-dot {
   display: inline-block;
diff --git a/app/components/HomeLifecycle.vue b/app/components/HomeLifecycle.vue
new file mode 100644
index 00000000..4d18e90b
--- /dev/null
+++ b/app/components/HomeLifecycle.vue
@@ -0,0 +1,304 @@
+<script setup lang="ts">
+import { skillOutdatedCmd } from '#shared/skill-commands'
+
+/**
+ * The whole of skilld in six steps, in the order a dev meets them: the site
+ * finds Skills, the CLI runs, installs and updates them, and the last two
+ * steps make and build on them.
+ *
+ * Stone dots join the steps. Run, the default path, carries the band's one
+ * rose dot. The order is real, so the steps carry sequence markers.
+ */
+type StepId = 'find' | 'run' | 'install' | 'update' | 'make' | 'build'
+
+interface LifecycleStep {
+  id: StepId
+  name: string
+  to: string
+  /** An approved pitch line from COPY.md. It leads the description in ink. */
+  pitch?: string
+  text: string
+  /** A CLI command printed after the text. It comes from `shared/skill-commands.ts`, so the grammar gate checks it. */
+  command?: string
+}
+
+/** The default path, and the band's one rose dot. */
+const PICKED_STEP: StepId = 'run'
+
+const steps: LifecycleStep[] = [
+  {
+    id: 'find',
+    name: 'Find',
+    to: '/skills/trending',
+    pitch: 'Stay hyped.',
+    text: 'A curated registry, plus what devs talk about on X and Bluesky.',
+  },
+  {
+    id: 'run',
+    name: 'Run',
+    to: '/cli#run',
+    pitch: 'No more skill bloat.',
+    text: 'Your Agent reads the Skill now. Nothing lands on disk.',
+  },
+  {
+    id: 'install',
+    name: 'Install or fork',
+    to: '/cli#install',
+    // 19 is AGENT_TARGETS in the CLI's crates/skilld-core/src/target.rs.
+    text: 'One install writes to 19 Agents, pinned to a commit and checked before files land. Fork for an editable copy.',
+  },
+  {
+    id: 'update',
+    name: 'Keep current',
+    to: '/cli#update',
+    pitch: 'Keep updated.',
+    text: 'Watch repos and get a digest when their Skills change, or run',
+    command: skillOutdatedCmd(),
+  },
+  {
+    id: 'make',
+    name: 'Make',
+    to: '/make-skill',
+    // generate-package-skill, generate-project-skill and review-skill.
+    text: 'Guides and three authoring Skills to write and review your own.',
+  },
+  {
+    id: 'build',
+    name: 'Build on',
+    to: '/developers',
+    pitch: 'Built to be built on.',
+    text: 'CLI, API, SDK, MCP and the Claude Code plugin.',
+  },
+]
+
+function marker(index: number): string {
+  return String(index + 1).padStart(2, '0')
+}
+</script>
+
+<template>
+  <nav class="home-lifecycle" aria-label="What you can do here">
+    <ol class="home-lifecycle__list mx-auto max-w-6xl px-4 sm:px-6">
+      <li v-for="(step, index) in steps" :key="step.id" class="home-lifecycle__item">
+        <NuxtLink :to="step.to" class="home-lifecycle__step">
+          <span class="home-lifecycle__rail" aria-hidden="true">
+            <span class="home-lifecycle__node" :class="{ 'home-lifecycle__node--picked': step.id === PICKED_STEP }" />
+          </span>
+          <span class="home-lifecycle__body">
+            <span class="home-lifecycle__head">
+              <span class="home-lifecycle__marker" aria-hidden="true">{{ marker(index) }}</span>
+              <span class="home-lifecycle__name">{{ step.name }}</span>
+            </span>
+            <span class="home-lifecycle__text">
+              <template v-if="step.pitch">
+                <span class="home-lifecycle__pitch">{{ step.pitch }}</span>{{ ' ' }}
+              </template>{{ step.text }}<template v-if="step.command">
+                {{ ' ' }}<code class="home-lifecycle__command">{{ step.command }}</code>.
+              </template>
+            </span>
+          </span>
+        </NuxtLink>
+      </li>
+    </ol>
+  </nav>
+</template>
+
+<style scoped>
+.home-lifecycle {
+  --lifecycle-node: 0.5rem;
+  --lifecycle-gap: 0.375rem;
+  --lifecycle-pad-block: 0.625rem;
+  --lifecycle-ring-room: 0.5rem;
+  background: var(--ui-bg);
+}
+
+.home-lifecycle__list {
+  display: grid;
+  margin-block: 0;
+  padding-block: 0.75rem;
+  list-style: none;
+}
+
+.home-lifecycle__item {
+  min-width: 0;
+}
+
+/* Phones and tablets: a vertical list. The rail runs down the left. */
+.home-lifecycle__step {
+  position: relative;
+  display: grid;
+  grid-template-columns: var(--lifecycle-node) minmax(0, 1fr);
+  column-gap: 1rem;
+  min-height: 2.75rem;
+  /* The inline padding keeps the focus ring clear of the node. */
+  margin-inline: calc(-1 * var(--lifecycle-ring-room));
+  padding: var(--lifecycle-pad-block) var(--lifecycle-ring-room);
+  color: inherit;
+  text-decoration: none;
+  border-radius: var(--ui-radius);
+}
+
+.home-lifecycle__rail {
+  position: relative;
+}
+
+/* The node sits on the centre line of the step name. */
+.home-lifecycle__node {
+  position: absolute;
+  top: calc((1.25rem - var(--lifecycle-node)) / 2);
+  left: 0;
+  width: var(--lifecycle-node);
+  height: var(--lifecycle-node);
+  border-radius: 999px;
+  background: var(--ui-text-dimmed);
+  transition: background-color 200ms ease-out;
+}
+
+.home-lifecycle__node--picked {
+  background: var(--brand-dot);
+}
+
+/* Stone dots from this node down to the next one. */
+.home-lifecycle__item:not(:last-child) .home-lifecycle__rail::after {
+  content: '';
+  position: absolute;
+  top: calc((1.25rem + var(--lifecycle-node)) / 2 + var(--lifecycle-gap));
+  bottom: calc(-2 * var(--lifecycle-pad-block) - (1.25rem - var(--lifecycle-node)) / 2 + var(--lifecycle-gap));
+  left: 50%;
+  width: 4px;
+  transform: translateX(-50%);
+  background-image: radial-gradient(circle, var(--ui-text-dimmed) 1.1px, transparent 1.4px);
+  background-size: 4px 6px;
+  background-repeat: repeat-y;
+  opacity: 0.7;
+}
+
+.home-lifecycle__body {
+  display: flex;
+  flex-direction: column;
+  gap: 0.125rem;
+  min-width: 0;
+}
+
+.home-lifecycle__head {
+  display: flex;
+  align-items: baseline;
+  gap: 0.625rem;
+  font-family: var(--font-mono);
+  line-height: 1.25rem;
+}
+
+.home-lifecycle__marker {
+  font-size: 0.6875rem;
+  font-variant-numeric: tabular-nums;
+  color: var(--ui-text-dimmed);
+}
+
+.home-lifecycle__name {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--ui-text-highlighted);
+  text-decoration-line: underline;
+  text-decoration-color: transparent;
+  text-underline-offset: 0.25em;
+  transition: text-decoration-color 200ms ease-out;
+}
+
+.home-lifecycle__text {
+  font-size: 0.8125rem;
+  line-height: 1.5;
+  color: var(--ui-text-muted);
+  text-wrap: pretty;
+}
+
+.home-lifecycle__pitch {
+  font-weight: 500;
+  color: var(--ui-text);
+}
+
+.home-lifecycle__command {
+  font-family: var(--font-mono);
+  font-size: 0.75rem;
+  color: var(--ui-text);
+  white-space: nowrap;
+}
+
+.home-lifecycle__step:hover .home-lifecycle__name,
+.home-lifecycle__step:focus-visible .home-lifecycle__name {
+  text-decoration-color: currentColor;
+}
+
+.home-lifecycle__step:hover .home-lifecycle__node:not(.home-lifecycle__node--picked),
+.home-lifecycle__step:focus-visible .home-lifecycle__node:not(.home-lifecycle__node--picked) {
+  background: var(--ui-text-muted);
+}
+
+.home-lifecycle__step:focus-visible {
+  outline: 2px solid var(--ui-border-inverted);
+  outline-offset: 2px;
+}
+
+/* Desktop: six columns on one line of stone dots. */
+@media (min-width: 64rem) {
+  .home-lifecycle {
+    --lifecycle-pad-end: 1.25rem;
+  }
+
+  .home-lifecycle__list {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+    padding-block: 1rem;
+  }
+
+  .home-lifecycle__step {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+    height: 100%;
+    /* The margin stops the focus ring short of the next node. */
+    margin-inline-end: calc(var(--lifecycle-pad-end) - var(--lifecycle-ring-room));
+  }
+
+  .home-lifecycle__rail {
+    height: var(--lifecycle-node);
+  }
+
+  .home-lifecycle__node {
+    top: 0;
+  }
+
+  /* Stone dots from this node across to the next column's node. */
+  .home-lifecycle__item:not(:last-child) .home-lifecycle__rail::after {
+    top: 50%;
+    bottom: auto;
+    left: calc(var(--lifecycle-node) + var(--lifecycle-gap));
+    right: calc(var(--lifecycle-gap) - var(--lifecycle-pad-end));
+    width: auto;
+    height: 4px;
+    transform: translateY(-50%);
+    background-size: 6px 4px;
+    background-repeat: repeat-x;
+  }
+}
+
+/* Narrow desktops: "Install or fork" stays on one line. */
+@media (min-width: 64rem) and (max-width: 79.999rem) {
+  .home-lifecycle {
+    --lifecycle-pad-end: 1rem;
+  }
+
+  .home-lifecycle__head {
+    gap: 0.5rem;
+  }
+
+  .home-lifecycle__name {
+    font-size: 0.8125rem;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .home-lifecycle__node,
+  .home-lifecycle__name {
+    transition: none;
+  }
+}
+</style>
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 70780694..4fa1e270 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -173,13 +173,6 @@ const authoringEcosystems = [
   { id: 'rubygems', label: 'RubyGems', icon: 'i-simple-icons-rubygems' },
 ] as const
 
-/**
- * The trending band hides itself below MIN_TRENDING_TO_SHOW, so the door has
- * to fall back to the page that always exists. An anchor to a section that did
- * not render is a link that does nothing.
- */
-const trendingDoorTarget = computed(() => (showTrending.value ? '#trending' : '/skills/trending'))
-
 const renderNow = useState('render:now', () => Number(new Date()))
 
 function formatRelative(ts: number): string {
@@ -293,30 +286,7 @@ function recentUpdateDescription(item: RecentUpdateCard): string {
       </div>
     </section>
 
-    <nav class="home-doors" aria-label="What you can do here">
-      <div class="mx-auto grid max-w-6xl gap-px px-4 sm:px-6 md:grid-cols-4">
-        <NuxtLink to="/docs/cli#skilld-run" class="home-door">
-          <UIcon name="i-lucide-terminal" class="home-door-mark" aria-hidden="true" />
-          <span class="home-door-title">No more skill bloat<UIcon name="i-lucide-arrow-right" class="home-door-arrow" aria-hidden="true" /></span>
-          <span class="home-door-text">Run skills once off, fork, or install.</span>
-        </NuxtLink>
-        <NuxtLink :to="trendingDoorTarget" class="home-door">
-          <UIcon name="i-lucide-trending-up" class="home-door-mark" aria-hidden="true" />
-          <span class="home-door-title">Stay hyped<UIcon name="i-lucide-arrow-right" class="home-door-arrow" aria-hidden="true" /></span>
-          <span class="home-door-text">What devs talk about on X and Bluesky, weekly and monthly.</span>
-        </NuxtLink>
-        <NuxtLink to="#freshness" class="home-door">
-          <UIcon name="i-lucide-eye" class="home-door-mark" aria-hidden="true" />
-          <span class="home-door-title">Keep updated<UIcon name="i-lucide-arrow-right" class="home-door-arrow" aria-hidden="true" /></span>
-          <span class="home-door-text">Watch repos and get a digest when their skills change.</span>
-        </NuxtLink>
-        <NuxtLink to="/developers" class="home-door">
-          <UIcon name="i-lucide-blocks" class="home-door-mark" aria-hidden="true" />
-          <span class="home-door-title">Built to be built on<UIcon name="i-lucide-arrow-right" class="home-door-arrow" aria-hidden="true" /></span>
-          <span class="home-door-text">CLI, API, SDK and MCP.</span>
-        </NuxtLink>
-      </div>
-    </nav>
+    <HomeLifecycle />
 
     <section
       v-if="showTrending || trendingStatus === 'pending'"
@@ -709,7 +679,7 @@ function recentUpdateDescription(item: RecentUpdateCard): string {
 </template>
 
 <style scoped>
-/* Above the doors, so the search panel overlays them instead of sliding under. */
+/* Above the lifecycle band, so the search panel overlays it instead of sliding under. */
 .home-hero {
   position: relative;
   z-index: 10;
diff --git a/test/a11y.spec.ts b/test/a11y.spec.ts
index 4ffa5166..8ba32428 100644
--- a/test/a11y.spec.ts
+++ b/test/a11y.spec.ts
@@ -522,6 +522,32 @@ describe('accessibility: components', () => {
     wrapper.unmount()
   })
 
+  it('homeLifecycle has no violations and links the six steps in order', async () => {
+    const container = createIsolatedContainer()
+    const wrapper = await mountSuspended(
+      await loadComponent('HomeLifecycle'),
+      { attachTo: container },
+    )
+    const results = await runAxe(container)
+    expect(results.violations, formatViolations(results)).toHaveLength(0)
+
+    const links = [...container.querySelectorAll('ol > li > a')]
+    expect(links.map(link => link.getAttribute('href'))).toEqual([
+      '/skills/trending',
+      '/cli#run',
+      '/cli#install',
+      '/cli#update',
+      '/make-skill',
+      '/developers',
+    ])
+    // Run is the default, so it alone carries the rose dot.
+    const picked = container.querySelectorAll('.home-lifecycle__node--picked')
+    expect(picked).toHaveLength(1)
+    expect(picked[0]!.closest('a')?.getAttribute('href')).toBe('/cli#run')
+    expect(container.querySelector('code')?.textContent).toBe('npx skilld outdated')
+    wrapper.unmount()
+  })
+
   it('runChip compact has no violations', async () => {
     const container = createIsolatedContainer()
     const wrapper = await mountSuspended(