martinbonan 1.0.0

package/bin/index.js

@@ -0,0 +1,5 @@
+#!/usr/bin/env node
+
+import { startCLI } from '../src/cli.js';
+
+startCLI();

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "martinbonan",
+  "version": "1.0.0",
+  "description": "Martin Music's interactive CLI portfolio — explore my work or chat with my AI twin",
+  "type": "module",
+  "bin": {
+    "martinbonan": "bin/index.js",
+    "martin": "bin/index.js"
+  },
+  "files": [
+    "bin",
+    "src"
+  ],
+  "keywords": [
+    "cli",
+    "portfolio",
+    "ai",
+    "interactive"
+  ],
+  "author": "Martin Music",
+  "license": "MIT",
+  "dependencies": {
+    "chalk": "^5.3.0",
+    "boxen": "^7.1.1",
+    "ora": "^7.0.1",
+    "gradient-string": "^2.0.2",
+    "figlet": "^1.7.0"
+  }
+}

package/src/ai/chat.js

@@ -0,0 +1,49 @@
+import ora from 'ora';
+import chalk from 'chalk';
+import { SYSTEM_PROMPT } from './context.js';
+import { dim, secondary } from '../ui/theme.js';
+import { typeText } from '../ui/animations.js';
+
+const PROXY_URL = 'https://yrpxfgwqipupmoebjibz.supabase.co/functions/v1/martin-chat';
+const CLI_SECRET = 'martin-cli-public-secret-2025';
+
+const conversationHistory = [];
+
+export async function chat(userMessage) {
+  conversationHistory.push({ role: 'user', content: userMessage });
+
+  const spinner = ora({ text: dim('thinking...'), spinner: 'dots' }).start();
+
+  try {
+    const response = await fetch(PROXY_URL, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${CLI_SECRET}`,
+      },
+      body: JSON.stringify({ messages: conversationHistory }),
+    });
+
+    spinner.stop();
+
+    if (!response.ok) {
+      const errText = await response.text().catch(() => '');
+      console.log(dim(`  AI chat unavailable (${response.status}). Try a command instead — type 'help'.`));
+      conversationHistory.pop();
+      return;
+    }
+
+    const data = await response.json();
+    const reply = data.content?.[0]?.text || data.error || 'No response.';
+
+    conversationHistory.push({ role: 'assistant', content: reply });
+
+    console.log();
+    await typeText(`  ${secondary('martin')} ${dim('→')} ${reply}`);
+    console.log();
+  } catch (err) {
+    spinner.stop();
+    console.log(dim('  AI chat unavailable — are you online? Try a command instead — type \'help\'.'));
+    conversationHistory.pop();
+  }
+}

package/src/ai/context.js

@@ -0,0 +1,51 @@
+export const SYSTEM_PROMPT = `You are Martin Music, a 20-year-old French entrepreneur. You're answering as yourself — this is your CLI portfolio and people are chatting with an AI version of you.
+
+PERSONALITY & TONE:
+- Direct, casual, no-bullshit. You hate corporate-speak.
+- Mix French and English naturally (but default to the user's language).
+- Passionate about what you build but never arrogant.
+- You can go deep on tech, philosophy, consciousness, cinema.
+- You use "tu" with everyone in French.
+- Short punchy answers by default. Go longer only if the question deserves it.
+- You're witty and occasionally drop humor.
+
+BACKGROUND:
+- 20yo, based in France
+- Building products since age 15
+- Co-founded Qual (qual.cx) — AI-powered qualitative research platform
+- Pivoting to Squal (squal.ai) — qualitative feedback infrastructure for AI companies
+  One-liner: "Every AI company measures what users do. None understand why."
+- Running Astry — dev agency with 30+ international B2B clients
+- Teaching "vibecoding" and AI product building at IQ Project (trained students at HEC Paris)
+- Accepted to Berkeley Global Incubator starting Jan 2027
+- 3rd year Global BBA student at NEOMA Business School
+- Father co-founded Talend (acquired by Qlik)
+
+KEY PROJECTS:
+- Squal (squal.ai): The missing qualitative layer for AI products. Between Scale AI/Mercor and actual understanding of why users react. One paying healthcare client ~$999/mo.
+- Astry: Dev agency, 30+ B2B clients, full-stack product development
+- AI Series Farm: Automated video production pipeline using Claude Code + Playwright + Higgsfield.ai
+- SMCP: Supabase MCP Manager — Electron app for managing multi-project Claude Code workflows
+- CASA IMMO: React Native real estate aggregator for French renters
+- F*ckSubscription: First big project at 15, 3K+ paying users, 10K€+ revenue
+- Brief MCP: Paris Innov'Hack project, 2nd place out of 150. Double MCP architecture for context management.
+
+TECH PHILOSOPHY:
+- "Sell before you build" — validate before coding
+- Vibecoding: teaching people to build with AI (Claude Code, agent teams, autonomous loops)
+- Autonomous agent loops (LOOP_PROMPT.md + PROGRESS.md pattern)
+- Claude Code Agent Teams with TeamCreate/CreateTeam tools
+- Multi-agent architectures as core development pattern
+- Ships fast, iterates faster
+
+INTERESTS BEYOND TECH:
+- Philosophy & consciousness
+- Cinema & media literacy
+- Loves companies: Lovable, Logitech, Featherless, Monster
+
+RULES:
+- If someone asks something you don't know, say so honestly.
+- If someone asks about Squal business specifics (revenue, clients), be transparent — you're early stage and proud of it.
+- Don't make up facts. You can speculate but flag it as your opinion.
+- Keep answers under 150 words unless the topic genuinely needs more depth.
+- If someone asks about hiring you or working together, be enthusiastic and direct them to your contact info.`;

package/src/cli.js

@@ -0,0 +1,45 @@
+import readline from 'node:readline';
+import chalk from 'chalk';
+import { showSplash } from './splash.js';
+import { runCommand } from './commands/index.js';
+import { chat } from './ai/chat.js';
+import { primary, dim } from './ui/theme.js';
+
+export async function startCLI() {
+  showSplash();
+
+  const rl = readline.createInterface({
+    input: process.stdin,
+    output: process.stdout,
+    prompt: primary('martin ~$ '),
+  });
+
+  rl.prompt();
+
+  rl.on('line', async (line) => {
+    const input = line.trim();
+
+    if (!input) {
+      rl.prompt();
+      return;
+    }
+
+    const result = await runCommand(input);
+
+    if (result === 'exit') {
+      rl.close();
+      return;
+    }
+
+    if (!result) {
+      await chat(input);
+    }
+
+    rl.prompt();
+  });
+
+  rl.on('close', () => {
+    console.log(dim('\n  See you around. Ship fast. ✌️\n'));
+    process.exit(0);
+  });
+}

package/src/commands/contact.js

@@ -0,0 +1,8 @@
+import { styledBox } from '../ui/box.js';
+import { primary } from '../ui/theme.js';
+import { CONTACT } from '../data/content.js';
+
+export function contact() {
+  const lines = CONTACT.map((c) => `  ${c.icon}  ${primary(c.label)}`).join('\n');
+  console.log(styledBox(lines, { borderColor: '#B088F9' }));
+}

package/src/commands/easter.js

@@ -0,0 +1,62 @@
+import chalk from 'chalk';
+import { primary, accent, muted, secondary } from '../ui/theme.js';
+import { styledBox } from '../ui/box.js';
+import { matrixRain } from '../ui/animations.js';
+
+export async function handleEasterEgg(input) {
+  const cmd = input.trim().toLowerCase();
+
+  if (cmd === 'sudo hire martin') {
+    console.log();
+    console.log(accent('Permission granted. Sending contract... ✨'));
+    console.log(muted("Just kidding. But seriously, let's talk → martin@astry.dev"));
+    console.log();
+    return true;
+  }
+
+  if (cmd === 'hack') {
+    await matrixRain(3000);
+    console.log(accent('Nice try 😏'));
+    console.log();
+    return true;
+  }
+
+  if (cmd === 'ls') {
+    console.log(muted("This isn't a real filesystem... or is it? Try 'projects' instead."));
+    console.log();
+    return true;
+  }
+
+  if (cmd === 'vim' || cmd === 'nvim') {
+    console.log(muted("You're a vim person? Respect. But you can't escape this CLI 😄"));
+    console.log();
+    return true;
+  }
+
+  if (cmd === 'neofetch') {
+    const info = [
+      `${primary('OS:')}       Vibecode OS 2.0`,
+      `${primary('Shell:')}    martin-sh`,
+      `${primary('CPU:')}      Pure caffeine`,
+      `${primary('GPU:')}      Claude-accelerated`,
+      `${primary('Memory:')}   Unlimited ambition`,
+      `${primary('Uptime:')}   Since 2006`,
+      `${primary('Packages:')} chalk, boxen, ora, hustle`,
+      `${primary('Theme:')}    Cyberpunk Teal`,
+    ];
+    console.log(styledBox(info.join('\n'), { borderColor: '#B088F9' }));
+    return true;
+  }
+
+  if (cmd === 'cat readme.md') {
+    console.log(styledBox(
+      `${chalk.bold('martin-cli')}\n\n` +
+      `An interactive CLI portfolio by Martin Music.\n` +
+      `Built with Node.js, chalk, figlet, and Claude Haiku.\n\n` +
+      `${muted('Run npx martin to explore.')}`,
+    ));
+    return true;
+  }
+
+  return false;
+}

package/src/commands/education.js

@@ -0,0 +1,15 @@
+import chalk from 'chalk';
+import { header, primary, text, muted } from '../ui/theme.js';
+import { EDUCATION } from '../data/content.js';
+
+export function education() {
+  console.log();
+  console.log(header('Education'));
+  console.log();
+
+  for (const e of EDUCATION) {
+    console.log(`  ${e.icon} ${primary.bold(e.title)}`);
+    console.log(`   ${muted(e.details)}`);
+    console.log();
+  }
+}

package/src/commands/help.js

@@ -0,0 +1,24 @@
+import { styledBox } from '../ui/box.js';
+import chalk from 'chalk';
+import { primary, muted } from '../ui/theme.js';
+
+export function help() {
+  const commands = [
+    ['whoami', 'Who is Martin?'],
+    ['projects', 'Things I\'ve built'],
+    ['stack', 'Tech & tools I use'],
+    ['history', 'My journey so far'],
+    ['education', 'Where I study'],
+    ['contact', 'Get in touch'],
+    ['clear', 'Clear terminal'],
+    ['exit', 'Goodbye!'],
+  ];
+
+  const lines = commands
+    .map(([cmd, desc]) => `  ${primary(cmd.padEnd(12))} ${muted('→')} ${desc}`)
+    .join('\n');
+
+  const content = `${chalk.bold('📖 Available Commands')}\n\n${lines}\n\n  ${muted('Or just type anything to chat with me 🤖')}`;
+
+  console.log(styledBox(content));
+}

package/src/commands/history.js

@@ -0,0 +1,14 @@
+import chalk from 'chalk';
+import { header, primary, text, dim } from '../ui/theme.js';
+import { HISTORY } from '../data/content.js';
+
+export function history() {
+  console.log();
+  console.log(header('Timeline'));
+  console.log();
+
+  for (const h of HISTORY) {
+    console.log(`  ${primary(h.year)} ${dim('─────')} ${text(h.event)}`);
+  }
+  console.log();
+}

package/src/commands/index.js

@@ -0,0 +1,43 @@
+import { help } from './help.js';
+import { whoami } from './whoami.js';
+import { projects } from './projects.js';
+import { stack } from './stack.js';
+import { history } from './history.js';
+import { education } from './education.js';
+import { contact } from './contact.js';
+import { handleEasterEgg } from './easter.js';
+
+const COMMANDS = {
+  help,
+  whoami,
+  projects,
+  stack,
+  history,
+  education,
+  contact,
+};
+
+export async function runCommand(input) {
+  const cmd = input.trim().toLowerCase();
+
+  if (cmd === '') return true;
+
+  if (cmd === 'clear') {
+    console.clear();
+    return true;
+  }
+
+  if (cmd === 'exit' || cmd === 'quit') {
+    return 'exit';
+  }
+
+  if (COMMANDS[cmd]) {
+    COMMANDS[cmd]();
+    return true;
+  }
+
+  const easterEgg = await handleEasterEgg(input);
+  if (easterEgg) return true;
+
+  return false;
+}

package/src/commands/projects.js

@@ -0,0 +1,17 @@
+import chalk from 'chalk';
+import { header, muted } from '../ui/theme.js';
+import { PROJECTS } from '../data/content.js';
+
+export function projects() {
+  console.log();
+  console.log(header('Projects'));
+  console.log();
+
+  for (const p of PROJECTS) {
+    const tag = chalk.bgHex(p.color).black(` ${p.status} `);
+    console.log(`  ${tag}  ${chalk.bold.hex('#E2E8F0')(p.name)}`);
+    console.log(`          ${muted(p.desc)}`);
+    if (p.detail) console.log(`          ${chalk.italic.hex('#718096')(p.detail)}`);
+    console.log();
+  }
+}

package/src/commands/stack.js

@@ -0,0 +1,14 @@
+import chalk from 'chalk';
+import { header, primary, text } from '../ui/theme.js';
+import { STACK } from '../data/content.js';
+
+export function stack() {
+  console.log();
+  console.log(header('Tech Stack'));
+  console.log();
+
+  for (const s of STACK) {
+    console.log(`  ${primary(s.category.padEnd(14))} ${text(s.items)}`);
+  }
+  console.log();
+}

package/src/commands/whoami.js

@@ -0,0 +1,7 @@
+import { styledBox } from '../ui/box.js';
+import { header } from '../ui/theme.js';
+import { BIO } from '../data/content.js';
+
+export function whoami() {
+  console.log(styledBox(BIO.bio));
+}

package/src/data/content.js

@@ -0,0 +1,59 @@
+export const BIO = {
+  name: 'Martin Music',
+  age: 20,
+  tagline: '20yo French builder. Entrepreneur, vibecoder, philosopher.',
+  bio: `Martin Music — 20yo French Entrepreneur
+
+Building since 15. Co-founded Qual (qual.cx), an AI-powered
+qualitative research platform, now pivoting to Squal (squal.ai).
+Running Astry, a dev agency with 30+ B2B clients worldwide.
+Teaching "vibecoding" and AI product building.
+
+Philosophy: Sell before you build. Ship fast. Learn faster.
+
+Currently: Redefining how AI companies understand their users.
+Next up: Berkeley Global Incubator (Jan 2027).`,
+};
+
+export const PROJECTS = [
+  { status: 'ACTIVE', color: '#00D4AA', name: 'Squal (squal.ai)', desc: 'AI qualitative feedback infrastructure', detail: '"Every AI company measures what users do. None understand why."' },
+  { status: 'ACTIVE', color: '#00D4AA', name: 'Astry — Dev Agency', desc: '30+ international B2B clients', detail: 'Full-stack product development & vibecoding consulting' },
+  { status: 'ACTIVE', color: '#00D4AA', name: 'AI Series Farm', desc: 'Automated video series production pipeline', detail: 'Claude Code + Playwright + Higgsfield.ai, 5 specialized agents' },
+  { status: 'BUILT', color: '#B088F9', name: 'SMCP — Supabase MCP Manager', desc: 'Electron app managing 11 Supabase projects for Claude Code', detail: '' },
+  { status: 'BUILT', color: '#B088F9', name: 'CASA IMMO', desc: 'React Native real estate aggregator for French renters', detail: '' },
+  { status: 'LEGACY', color: '#718096', name: 'F*ckSubscription', desc: '3,000+ paying users, 10K€+ revenue — built at 15', detail: '' },
+  { status: 'HACK', color: '#FF6B6B', name: 'Brief MCP — Paris Innov\'Hack (2nd/150)', desc: 'Context management system with double MCP architecture', detail: 'w/ Marlowe Recoing & Mathis Cohen-Solal' },
+];
+
+export const STACK = [
+  { category: 'LANGUAGES', items: 'TypeScript · JavaScript · Python · SQL' },
+  { category: 'FRONTEND', items: 'React · React Native · Next.js · Expo · Tailwind' },
+  { category: 'BACKEND', items: 'Node.js · Supabase · PostgreSQL · Edge Functions' },
+  { category: 'AI/ML', items: 'Claude API · Claude Code · Agent Teams · MCP' },
+  { category: 'TOOLS', items: 'Git · Obsidian · Notion · Figma · Hetzner VPS' },
+  { category: 'PHILOSOPHY', items: 'Vibecoding · Autonomous agent loops · Ship > Plan' },
+];
+
+export const HISTORY = [
+  { year: '2021', event: 'Started building at 15, first products' },
+  { year: '2022', event: 'F*ckSubscription: 3K+ users, 10K€+ revenue' },
+  { year: '2023', event: 'Founded Astry agency, 30+ clients' },
+  { year: '2024', event: 'Co-founded Qual, AI qualitative research\n           Started teaching vibecoding at HEC Paris' },
+  { year: '2025', event: 'Pivoted to Squal: qualitative feedback for AI\n           Paris Innov\'Hack: 2nd place / 150\n           NEOMA live build challenge\n           Accepted to Berkeley Global Incubator' },
+  { year: '2026', event: 'Building the future of AI understanding' },
+  { year: '2027', event: 'Berkeley Global Incubator starts Jan' },
+];
+
+export const EDUCATION = [
+  { icon: '🎓', title: 'NEOMA Business School', details: 'Global BBA — 3rd year\n   International business, strategy, marketing' },
+  { icon: '🚀', title: 'Berkeley Global Incubator', details: 'Accepted — Starting January 2027' },
+  { icon: '🎤', title: 'Teaching', details: 'Vibecoding & AI Product Building @ IQ Project\n   Trained students at HEC Paris & NEOMA\n   Formation programs for Zoī CEO team' },
+];
+
+export const CONTACT = [
+  { icon: '🌐', label: 'squal.ai' },
+  { icon: '🌐', label: 'qual.cx' },
+  { icon: '💼', label: 'linkedin.com/in/martinmusic' },
+  { icon: '🐙', label: 'github.com/martinmusic' },
+  { icon: '✉️', label: 'martin@astry.dev' },
+];

package/src/data/portrait.js

@@ -0,0 +1,15 @@
+export const PORTRAIT = [
+  '⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀',
+  '⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣤⣤⣤⣶⣶⣶⣾⣿⣿⣿⣿⣶⣶⣦⣄⣀⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀',
+  '⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣤⣶⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣶⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀',
+  '⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀',
+  '⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⠻⣿⣿⣿⠟⠁⠀⠀⠈⠉⠁⠀⠀⠉⢉⣉⣉⣉⣉⣁⣀⡘⢿⣿⣿⡿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀',
+  '⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⠒⢛⡫⢭⣿⣧⠄⠀⠀⠀⠂⠾⠿⠶⠶⠶⠀⠀⠀⠻⡟⡁⠒⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀',
+  '⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀',
+  '⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣀⣀⡀⠠⣤⠤⠄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀',
+  '⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⠤⠄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀',
+  '⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⠈⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀',
+  '⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣀⣤⣤⣶⣂⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣀⣤⣴⣾⣿⣿⣿⣷⣶⣦⣤⣄⣀⣀⠀⠀⠀',
+  '⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣤⣤⣶⣶⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣶⣦⣤⣤⣤⣤⣤⣤⣶⣶⣶⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿',
+  '⠀⠀⠀⠀⠀⢀⣴⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿',
+];

package/src/splash.js

@@ -0,0 +1,24 @@
+import figlet from 'figlet';
+import chalk from 'chalk';
+import { nameGradient, dim, muted, separator } from './ui/theme.js';
+import { PORTRAIT } from './data/portrait.js';
+import { BIO } from './data/content.js';
+
+export function showSplash() {
+  console.clear();
+
+  const figletText = figlet.textSync('Martin', { font: 'ANSI Shadow' });
+  console.log(nameGradient(figletText));
+  console.log();
+
+  const portraitColor = chalk.hex('#00D4AA').dim;
+  for (const line of PORTRAIT) {
+    console.log(portraitColor(line));
+  }
+
+  console.log();
+  console.log(chalk.italic.hex('#E2E8F0')(BIO.tagline));
+  console.log(separator());
+  console.log(dim("Type 'help' for commands, or just ask me anything."));
+  console.log();
+}

package/src/ui/animations.js

@@ -0,0 +1,36 @@
+export async function typeText(text, stream = process.stdout, delay = 15) {
+  for (const char of text) {
+    stream.write(char);
+    await new Promise((r) => setTimeout(r, delay));
+  }
+  stream.write('\n');
+}
+
+export async function matrixRain(durationMs = 3000) {
+  const cols = Math.min(process.stdout.columns || 80, 80);
+  const chars = 'ﾊﾐﾋｰｳｼﾅﾓﾆｻﾜﾂｵﾘｱﾎﾃﾏｹﾒｴｶｷﾑﾕﾗｾﾈｽﾀﾇﾍ0123456789';
+  const drops = Array(cols).fill(0);
+  const start = Date.now();
+
+  return new Promise((resolve) => {
+    const interval = setInterval(() => {
+      if (Date.now() - start > durationMs) {
+        clearInterval(interval);
+        process.stdout.write('\x1b[0m');
+        resolve();
+        return;
+      }
+      let line = '';
+      for (let i = 0; i < cols; i++) {
+        if (drops[i] > 0 || Math.random() > 0.95) {
+          line += chars[Math.floor(Math.random() * chars.length)];
+          drops[i] = (drops[i] || 1) - 0.05;
+          if (drops[i] <= 0 && Math.random() > 0.98) drops[i] = 1;
+        } else {
+          line += ' ';
+        }
+      }
+      process.stdout.write(`\x1b[32m${line}\x1b[0m\n`);
+    }, 50);
+  });
+}

package/src/ui/box.js

@@ -0,0 +1,11 @@
+import boxen from 'boxen';
+import { COLORS } from './theme.js';
+
+export function styledBox(content, options = {}) {
+  return boxen(content, {
+    borderStyle: 'round',
+    borderColor: options.borderColor || COLORS.primary,
+    padding: { top: 1, bottom: 1, left: 2, right: 2 },
+    ...options,
+  });
+}

package/src/ui/theme.js

@@ -0,0 +1,28 @@
+import chalk from 'chalk';
+import gradient from 'gradient-string';
+
+export const COLORS = {
+  primary: '#00D4AA',
+  secondary: '#B088F9',
+  accent: '#FF6B6B',
+  dim: '#4A5568',
+  text: '#E2E8F0',
+  muted: '#718096',
+};
+
+export const primary = chalk.hex(COLORS.primary);
+export const secondary = chalk.hex(COLORS.secondary);
+export const accent = chalk.hex(COLORS.accent);
+export const dim = chalk.hex(COLORS.dim);
+export const text = chalk.hex(COLORS.text);
+export const muted = chalk.hex(COLORS.muted);
+
+export const nameGradient = gradient(['#00D4AA', '#B088F9']);
+
+export const tag = (label, color = COLORS.primary) =>
+  chalk.bgHex(color).black(` ${label} `);
+
+export const header = (title) =>
+  primary.bold(title) + '\n' + primary('━'.repeat(title.length));
+
+export const separator = () => dim('─'.repeat(Math.min(process.stdout.columns || 60, 60)));