组件展示
每个系统的实时演示。
⌄
## 终端 UI
在所有页面使用的自定义终端界面。
TerminalChromezero deps
## 动画系统
两个纯 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