Skip to content

Onboarding UX: 3-phase roadmap, celebration card, file-write previews, env-aware URLs#62

Open
DhruvLD wants to merge 1 commit into
mainfrom
improve/onboarding-ux
Open

Onboarding UX: 3-phase roadmap, celebration card, file-write previews, env-aware URLs#62
DhruvLD wants to merge 1 commit into
mainfrom
improve/onboarding-ux

Conversation

@DhruvLD
Copy link
Copy Markdown

@DhruvLD DhruvLD commented May 15, 2026

Summary

Polish pass on the onboarding skill, driven by running through it end-to-end on a real LaunchDarkly-internal repo and noting the friction points. The goal: make the experience feel like a polished product

All changes are user-facing UX improvements — the internal Step 0–6 machinery is unchanged.

What changed

1. Collapse the user-facing roadmap to 3 phases

The user now sees Connect → Install → Ship, not 7 numbered steps. Internal Step 0–6 structure stays for agent bookkeeping (and stays in the LAUNCHDARKLY_ONBOARDING.md working log), but they never bleed into chat.

  • New ### The three phases the user sees section maps each internal step to a phase.
  • Concrete roadmap render template so agents have a working example instead of free-form instructions.
  • Progress Tracking updated: 3 tasks (Connect, Install, Ship) instead of 7. The internal log keeps the Step 0–6 detail.
  • Forbidden-language list strengthened: explicitly bans Step 4 done / Steps 0-3 done patterns; substitutes phase language.

2. Preview before user-visible file writes

The skill writes LAUNCHDARKLY.md, .mcp.json, and editor rules. Previously these landed in git status with no warning. New subsection in Step Execution Rules requires a 2–4 line summary before writing user-visible files. Working log (LAUNCHDARKLY_ONBOARDING.md) is exempt so we don't add ceremony where there's none warranted. Includes good/avoid examples.

3. Step 7 in first-flag: ASCII celebration + auto-open browser

Replaces the bullet-list "Congratulations" with a single scannable moment:

  • 7a — Celebration card. Box-drawing ASCII (┌ ─ ┐ │ └ ┘), / for flag state, one line per environment, ← toggled here marker on the env you just acted in.
  • 7b — Open in browser. Platform-aware command (open / xdg-open / Start-Process / start) using the env-scoped URL so the LD dashboard opens and lands on the right environment. Agent announces before opening; falls back to printing the link on headless environments.
  • 7c — Single-sentence next-skill nudge. Replaces the wall of links.

5. Quieter companion-skill install

npx skills add produces a long animated spinner that floods chat when piped. Wrapped the install in a redirect-to-log + one-line success echo, with a fallback that dumps the log only on failure. Noted as a workaround pending a --quiet flag upstream in the skills CLI.

Version bumps

  • skills/onboarding: 0.2.00.3.0
  • skills/onboarding/first-flag: 0.1.00.2.0

Test plan

  • Installed the modified skill from a local clone into a clean LaunchDarkly-internal repo (npx skills add /path/to/ai-tooling --skill onboarding -y)
  • Ran onboard me to LaunchDarkly end-to-end — roadmap rendered as 3 phases, no internal step numbers leaked into chat
  • .mcp.json and LAUNCHDARKLY.md got a preview summary before being written
  • Step 7 celebration card rendered correctly; box-drawing chars + state circles displayed in the terminal
  • Auto-open landed on the correct environment via the env-scoped URL
  • Companion-skill install produced a single line of output instead of spinner output

…rd, env-aware URLs

Reworks the onboarding skill's user-facing surface based on dogfooding feedback.

Changes:
- Roadmap shown to the user collapses from 7 internal steps to 3 phases
  (Connect / Install / Ship). Internal step structure stays for agent
  bookkeeping; user-facing task list uses 3 tasks instead of 7.
- New "preview before user-visible file writes" rule. Agent must surface a
  2-4 line summary before writing files that land in version control
  (LAUNCHDARKLY.md, .mcp.json, editor rules, code changes). The internal
  working log is exempt so it stays low-ceremony.
- Step 6 (first flag) gets a new Step 7: scannable ASCII card +
  platform-aware browser auto-open (open/xdg-open/Start-Process/start).
  Replaces the bullet-list "Congratulations" with a real moment.
  Scarcity enforced: this is the only place decorative ASCII is allowed.
- Both the ASCII card link and the auto-open URL use the env-scoped flag
  URL pattern (/targeting?env=&selected-env=) so the dashboard lands on
  the environment the flag was just toggled in, not the default.
- Companion-skill install wrapped in a redirect-to-log + one-line echo so
  spinner noise from the npx skills CLI no longer dominates the chat.

Bumps onboarding to 0.3.0 and first-flag to 0.2.0.
@DhruvLD DhruvLD requested a review from a team as a code owner May 15, 2026 13:25
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