Imouto

Imouto: Motivka Embedding

Ported the imouto frontend into motivka's SvelteKit at /experiments/imouto with SSR data loading, Motif token alignment, and layout polish across 10 phases.

10 Phases
20 Tasks
2 Bugs Fixed
3 Days

From Standalone to Embedded

Imouto's frontend was ported into motivka's SvelteKit application at /experiments/imouto/. The port involved creating a lib/imouto/ module with shared types, data layer, and styles, then migrating all components (explorer, detail, comparison) with server-side data loading via +page.server.ts.

Motif Alignment

All ported components were aligned to Motif design tokens. The imouto route uses a .imouto-accent wrapper that scopes the navy accent colour. Layout polish resolved padding inconsistencies and competing max-width containers.

Features Delivered

Port to Motivka

  • SSR data loading — Server-side loaders fetching from imouto service

Motif Alignment

  • Token migration — All components aligned to Motif design tokens