ショーケース
すべてのシステムのライブデモ。
⌄
## ターミナルUI
すべてのページで使用されるカスタムターミナルUI。
TerminalChromezero deps
## アニメーションシステム
2つの純粋なReactアニメーションプリミティブ。
typewriter-hero
ShawnOS.ai
GTM engineering, built in public._
scramble-cycler
$ skill:
GTM ENGINEERING
TypewriterHeroScrambleCyclerFramer MotionSSR-safe
## RPGプログレッションエンジン
実際の日々の仕事からXPが蓄積される。
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
## 動画生成
40以上のRemotionコンポジション。
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
## コンテンツパイプライン
Markdownファイルがビルド時にブログ投稿、Wikiページ、RSSフィードになる。
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