[harlan-zw]

🔗 Linked issue

Related to #437

❓ Type of change

• 📖 Documentation
• 🐞 Bug fix
• 👌 Enhancement
• ✨ New feature
• 🧹 Chore
• ⚠️ Breaking change

📚 Description

Harlan wants the home page to show the whole product, the site and the CLI, without making the hero busy again. The four tiles under the hero covered four pitches. They left out install, fork, making a Skill, and the CLI's update path.

This PR replaces the tiles with one band of six steps in their real order. Each step is one link.

Step	Text	Link
01 Find	Stay hyped. A curated registry, plus what devs talk about on X and Bluesky.	/skills/trending
02 Run	No more skill bloat. Your Agent reads the Skill now. Nothing lands on disk.	/cli#run
03 Install or fork	One install writes to 19 Agents, pinned to a commit and checked before files land. Fork for an editable copy.	/cli#install
04 Keep current	Keep updated. Watch repos and get a digest when their Skills change, or run npx skilld outdated.	/cli#update
05 Make	Guides and three authoring Skills to write and review your own.	/make-skill
06 Build on	Built to be built on. CLI, API, SDK, MCP and the Claude Code plugin.	/developers

• A line of stone dots joins the steps. Run is the default, so it carries the band's one rose dot. The band shows six columns from 1024px and a vertical list below that.
• Three targets change. "Stay hyped" linked the #trending section when it rendered, "Keep updated" linked #freshness, and the run tile linked /docs/cli#skilld-run.
• The band prints npx skilld outdated through skillOutdatedCmd from shared/skill-commands.ts, so the grammar gate covers it.
• app/components/HomeLifecycle.vue holds the band and has an axe test. The tile markup, trendingDoorTarget and the .home-door* rules in main.css are deleted.
• COPY.md replaces the four tile rows with six step rows. DESIGN.md records the band as a 2026-10-06 decision. GLOSSARY.md and the "hyped" exception now say "step" where they said "tile".
• The page <title> and meta description do not change, so the SEO experiment sees the same page head.

🤖 AI disclosure: Harlan Agent Kit modified this description. My AI open-source policy.

[harlan-zw]

Agent comment: checked the band by hand in a local dev server (the Nuxt devtools badge at the bottom is dev only).

• At 1440×900 the band runs from 526px to 719px, so the hero and the band fit the viewport. At 1024 it is 192px tall; at 390 it is a 536px vertical list.
• No horizontal scroll at 1440, 1024 or 390. Exactly one rose node at every width, on Run.
• Keyboard focus draws a 2px ring around the whole step, clear of the nodes.
• Every target answers 200 locally, and /cli carries id="run", id="install" and id="update".
• pnpm cli:grammar is clean against skilld 3.6.0.

1440 light	1440 dark

1024 light	1024 dark

390 light	390 dark	390 focus

[harlan-github-agent]

🤖 MERGED

Harlan Agent Kit posted this automated review. It is not Harlan's personal review or approval. AI open source policy. Last updated: 2026-10-05 17:03 UTC.

GitHub merged this pull request.

• Logged (25/100): The pull request's only visual evidence is inaccessible after authenticated retrieval attempts, so the band's visual behavior is unverified. View code
  • Ask an agent to verify and fix this finding

Review completed. No finding above 80/100.

Selected findings run after merge and open separate pull requests.