Portafolio
Demos en vivo de cada sistema.
⌄
## terminal-ui
Chrome de terminal personalizado usado en todas las páginas.
TerminalChromezero deps
## animation-system
Dos primitivas de animación puras en React.
typewriter-hero
ShawnOS.ai
GTM engineering, built in public._
scramble-cycler
$ skill:
GTM ENGINEERING
TypewriterHeroScrambleCyclerFramer MotionSSR-safe
## rpg-progression-engine
XP se acumula del trabajo diario real.
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+ composiciones en 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
## content-pipeline
Archivos Markdown se convierten en publicaciones de blog, páginas de wiki y feeds RSS al compilar.
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
construido en público. cada commit rastreado.
sigue el registro diario para ver cómo se construye cada sistema.