Mahana Playground
One scaffold, every component plugs in. Open any live card to see the component at every variant and breakpoint.
Tweaks panel handles theme, stage, mobile swap, density. Press G for a fullscreen gallery walk.
Tokens live · design.mahana.ai/tokens.css
v0.4.0 · 6 waves · 3 live · 26 queued
Staging Bench · post a real task to nordvest_task_queue
Kit's first production integration. Type prose → daemon claims → worker ships → Vercel deploys.
open →
Roadmap: ROADMAP.md ·
Inventory: INVENTORY.md ·
Promotions: PROMOTIONS.md
Wave 1
Atoms
the identity marks
MorphingAvatar
atom · next
Animated face cycling through model chips.
AppIcon · SquircleIcon
atom · next
Mahana app tiles — Mail, Tasks, Vault, and 8 more.
Wave 6
App surfaces
every app is a focus surface for the mastermind
AccountantBody
molecule
Runway · MRR · Burn stats + Mastermind anomaly note.
PanelsBody · DesignerBody
molecule
Sparkline grid · gradient-tile grid.
VaultBody · WebsiteBody
molecule
Credentials list · web-result cards.
Wave 2
Turn anatomy
what a reply looks like
PlanBlock ⭐
molecule
Boxed numbered plan. Inline-edit, promote steps to tasks.
Wave 3
Composer family
the input surface
Composer
organism
Main input surface.
DraftComposer · SlashMenu
organism
/ menu with 12 block types.
WarmingAvatar
atom
Avatar warming up as brains assemble.
DraftingWithBar
molecule
"Drafting with: Librarian, Strategist…"
AttachmentChip
atom
LINKED memory / file / entity pills.
Wave 4
The new vocabulary
net-new design, no prior art
BrainChip · BrainGlyph
atom · 6+1 family
Librarian · Codesmith · Grounding · Fleet Cmd · Strategist · Eyes · NeuroBrain.
KappaGauge
atom
κ-achieved-per-minimum. The product's truth claim.
NeuropacketCard
molecule
κ-gated packet atom.
PacketTimeline
organism
Packets flowing between minds.
Wave 5
Block-kit
Notion-style blocks · composer + messages + files
SlashMenu
organism · dispatcher
Unified / inserter into every block below.
TableBlock
block
Type freely → AI transforms into real structured file.
ListBlock
block
Real agent-usable list — todos, checklists, bullets.
DatabaseBlock
block
Add-to-any-project database view.
OrderJobBlock
block
"Order a job / build something" primitive.
NoteBlock · DocBlock
block
Notes, docs, markdown.
FolderBlock
block
Folder primitive.
ProjectLinkBlock
block
Link projects to each other.
RichTextBlock
block
h1–h6, p, list, em, strong, code, quote.
Infra
Instrument improvements
make the playground better
Contact-sheet export
tool
All variants × breakpoints → PDF.
Inspector overlay
tool
px, spacing, tokens-in-use, a11y audit.
Promotions automation
tool
Promote → PROMOTIONS.md + GH issue.
Brain/skill injection
tool
entity.json + brain.md → agent context.