hero-terminal-typewriter
Installation
SKILL.md
Terminal & Typewriter Hero
What this builds
A full-viewport hero section for developer tool or CLI product sites. The centerpiece is a faux terminal window showing code or CLI commands being "typed" character by character with syntax highlighting. Around it sits a headline, subline, and CTA group. The terminal frame looks like a real macOS/Linux terminal with title bar dots, a monospace font, and a blinking block cursor.
- Faux terminal window with title bar (traffic-light dots or tab style)
- Character-by-character typing animation with configurable speed
- Syntax highlighting applied to the typed output (not just plain white text)
- Blinking block cursor that follows the typing position
- Multi-line/multi-command sequences with pauses between commands
- Headline + subline + CTA surrounding the terminal
prefers-reduced-motionfallback: all code shown immediately, no animation- Mobile-responsive terminal that does not overflow