Showcase
Live demos of every system.
## terminal-ui
Custom terminal chrome used across all pages. macOS traffic-lights titlebar, dark canvas background, monospace content area.
## animation-system
Two pure-React animation primitives. TypewriterHero types and erases sequences at configurable speeds. ScrambleCycler scrambles text into noise then resolves it left-to-right into the next phrase.
ShawnOS.ai
## rpg-progression-engine
XP accrues from real daily work — commits, content, deployments. Python engine scores each day and evolves the avatar. Hover any sprite to trigger the action animation.
Tier 1
Tier 2
Tier 3
Tier 4
Builder
Scribe
Strategist
Alchemist
Polymath## video-generation
40+ Remotion compositions. AI generates videos from a JSON TimelineSpec — pass a spec, get back an MP4. Scenes are composable React components with frame-accurate timing.
{
"composition": "NioGenesis",
"durationInFrames": 300,
"fps": 30,
"props": {
"title": "ShawnOS.ai",
"subtitle": "GTM engineering, built in public",
"tier": 3,
"showXpBar": true,
"accentColor": "#4EC373"
}
}## content-pipeline
Markdown files checked into the repo become blog posts, wiki pages, how-to guides, and 7 RSS feeds — all at build time. No CMS. No database. Git is the source of truth.
follow the daily log to see how each system gets built, one commit at a time.