Three demo videos, surfaced on the org chart page - #34
Merged
Conversation
Short screen-style clips showing what installing and using this looks like, for sharing where a README does not travel. They are terminal-style rather than a reconstruction of the Claude Code web UI. Claude Code is a terminal application, so this represents reality without guessing at product chrome — which is exactly where a mockup gets caught being wrong. Each carries a small "illustrative demo" mark so nobody mistakes them for a capture of a real session. - headcount-install.mp4 (22s) — marketplace add, then three departments. Every figure comes from the tree: 16 departments, 172 skills, and 12/8/12 skills for it-operations, security and people. Security is flagged reviewer-class at install, which is where that idea lands fastest. - headcount-usage.mp4 (26s) — the leaver who still had shared mailbox access. Five skills load in the order USE-CASES specifies, then contain, sweep, the question you did not ask, and the reviewer-class stop. - headcount-marketing.mp4 (26s) — updating an old blog post, which looks like a content task and is really an SEO one. Lines are drawn from the skills themselves: "changing it costs equity even done correctly" from seo-strategy, "kill on sight" from marketing-copywriting. Three things fixed between takes rather than shipped: Typing was too fast and the punchlines did not hold, so both were slowed. The response window sat mostly empty for the first stretch of each clip. Rather than relocate the dead space, the window now sizes to its content and grows as output arrives, so there is never a large empty frame. The trailing blank line after the final block pushed the first skill off screen, which mattered because the last frame is the thumbnail. Dropped it, and raised the body cap to account for the chip margins the first estimate missed. The webfont was also removed: it was fetched over the network, failed through the proxy, and blocked the page. Local families now, so a recording never waits on a font. The page gains a Watch strip above the links, with posters and preload=none so nothing downloads until a visitor presses play. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01FaQP2WCqeFYH7s9pi1CJ5u
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Short clips showing what installing and using this actually looks like, for sharing where a README doesn't travel.
Why terminal-style
They're rendered as a terminal rather than as a reconstruction of the Claude Code web UI. Claude Code is a terminal application, so this represents reality without guessing at product chrome — which is exactly where a mockup gets caught being wrong by people who use the thing daily. Each carries a small "illustrative demo" mark so nobody mistakes them for a capture of a real session.
The three
headcount-install.mp4headcount-usage.mp4headcount-marketing.mp4Every figure is real, pulled from the tree: 16 departments, 172 skills, 12/8/12 skills for it-operations, security and people.
securityis flagged reviewer-class at install, which is where that idea lands fastest.The content is quoted from the skills themselves rather than invented — "an unmonitored identity with a password" from
collaboration-platform-administration, "changing it costs equity even when done correctly" fromseo-strategy, "kill on sight" frommarketing-copywriting.The marketing one earns its place by being the least obvious: it looks like a content task and is really an SEO one, and it ends with the claim-substantiation hand-off to
legal-risk:regulatory-compliance— a boundary most people don't know exists until they've crossed it.Four things fixed between takes rather than shipped
Typing was too fast and the punchlines didn't hold. Both slowed.
The window sat mostly empty for the first stretch. Rather than relocate the dead space, the window now sizes to its content and grows as output arrives, so there's never a large empty frame. This was the fix for the 12 seconds of whitespace.
The trailing blank after the last block pushed the first skill off screen — which matters because the final frame is the thumbnail. Dropped it, and raised the body cap to account for chip margins my first estimate missed. Verified by reading the actual final frames, not by assuming.
The webfont was fetched over the network, failed through the proxy, and blocked the page. Local families now, so a recording never waits on a font.
On the page
A "Watch it work" strip above the links, with poster images and
preload="none"so nothing downloads until a visitor presses play. Verified the rendered DOM carries all three<video>elements and that every referenced file exists on disk.One consequence worth knowing: the README hero screenshots grew from ~329KB to ~609KB each, because the page is now taller and includes the video posters. Still well within limits, but it is a real size increase to the README's images.
Total added: 2.0MB of video and posters.
Verification
scripts/check-all.sh— all nine checks pass.🤖 Generated with Claude Code
https://claude.ai/code/session_01FaQP2WCqeFYH7s9pi1CJ5u
Generated by Claude Code