Skip to content

docs: add quickstart demo GIF to README hero - #29

Open
brainsparker wants to merge 1 commit into
mainfrom
docs/quickstart-gif
Open

docs: add quickstart demo GIF to README hero#29
brainsparker wants to merge 1 commit into
mainfrom
docs/quickstart-gif

Conversation

@brainsparker

Copy link
Copy Markdown
Owner

Why

The README describes the quickstart but never shows it. A 30-second animated terminal demo directly under the tagline converts a skim into an install far better than prose.

What changed

  • README.md: one image reference under the hero tagline pointing at assets/quickstart.gif

The placement is above the intro paragraph on purpose: it avoids touching the section edited by #27, so both PRs merge cleanly in either order.

Manual step: upload the GIF

The GitHub App used here cannot commit binary files, so the GIF needs a web UI upload to this branch before merging: Add file, Upload files, into assets/, named quickstart.gif. The file is attached in the review thread.

About the demo

The recording is built from real CLI output: init, validate, skill install (detecting Claude Code and Cursor), and skill status showing both active. 840x560, 227 KB, loops. Commands are shown as npx you-md, matching the README's published-package state, so this lands best alongside the first npm release.

Copy link
Copy Markdown
Owner Author

Triage note: leaving this open rather than merging. The branch only adds the image reference; assets/quickstart.gif still needs the manual web UI upload described above, and merging now would ship a broken image in the README hero. Also worth re-checking that the re-rendered GIF shows the scoped install command (npm install -g @brainsparker/you-md) now that #30 is on main. Ready to merge as soon as the GIF is on the branch.

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