Showcase
Live demos of every system.
⌄
## terminal-ui
Custom terminal chrome used across all pages.
TerminalChromezero deps
## animation-system
Two pure-React animation primitives.
typewriter-hero
ShawnOS.ai
GTM engineering, built in public._
scramble-cycler
$ skill:
GTM ENGINEERING
TypewriterHeroScrambleCyclerFramer MotionSSR-safe
## rpg-progression-engine
XP accrues from real daily work.
Tier 1
Tier 2
Tier 3
Tier 4avatar-badge (compact)
Repo Architect
LVL 12 · Builder
> next: Pipeline Runner (LVL 15)
class roster
Builder
Scribe
Strategist
Alchemist
Polymath6 tiers5 classes470+ sprite assetsPython scored
## video-generation
40+ Remotion compositions.
highlight reel — recent builds, shipped live
example TimelineSpec (JSON input)
{
"composition": "NioGenesis",
"durationInFrames": 300,
"fps": 30,
"props": {
"title": "ShawnOS.ai",
"subtitle": "GTM engineering, built in public",
"tier": 3,
"showXpBar": true,
"accentColor": "#4EC373"
}
}available scene components
SceneWrapperChatBubbleGraphNodeGraphEdgeTerminalCommandLineXpBarCostMeterOrbitingIconsTypingDotsNioChatRevealNioGenesisNioKnowledgeGraphTikTokSlide
40+ compositionsRemotion 4JSON-drivenAI spec gen
## content-pipeline
Markdown files become blog posts, wiki pages, and RSS feeds at build time.
Markdown source
.md files in /content/website/final
unified / remark
parse + transform AST
rehype-highlight
syntax highlighting
Next.js build
static generation at build time
Blog / Wiki / Feed
HTML + 7 RSS feeds + sitemap
7 RSS feedsauto sitemapunified/remark/rehypezero-CMS
built in public. every commit tracked.
follow the daily log to see how each system gets built.