DESIGNER
HACKER
❯ draw circle
❯ draw arc
→ 2 strokes captured
❯ biwako-blue
→ retinted to #0044CC

Black Mirror Board

ブラックミラーボード

Where Designer's Intuition
meets Hacker's Command.

デザイナーの直感と、ハッカーのコマンドが
交差する場所。

launch
one file 一枚の HTML zero deps 依存ゼロ zero build ビルド不要 local-first ローカル完結
Section 01 — THE BOARD セクション 01 — ボード

Experience begins at the fingertip.

体験は、指先から始まる

A pressure-sensitive pen engine. Strokes snap to close. Eight anchors bend every shape. Rotation feels like Illustrator — not a browser demo. Nothing stutters at 60fps.

Themes are a single word: dark, light, gray. Your file is yours — no account, no server, no upload.

Section 02 — THE TERMINAL セクション 02 — ターミナル

Magic travels as JSON.

魔法は JSON で流通する

Paste a JSON payload. A new spell installs. Type its name. Your canvas bends to its will. Spells live in IndexedDB — portable, remixable, yours.

Features are not bought. They are shared as spells.

An AI can write your next spell. Paste the BM API into Claude or ChatGPT, describe what you want, get back a JSON. The ecosystem grows one sentence at a time.

Section 03 — DUAL PERSPECTIVE セクション 03 — 二律背反

Two minds. One board.

二つの知性、一枚の板。

Designerデザイナー

  • Pen, ink, pressure — the hand leads
  • 鉛筆、インク、筆圧 — 手が導く
  • Biwako silence as the default palette
  • 琵琶湖の静寂が、既定のパレット
  • Every shape edits like a native vector
  • すべての図形が、ベクター然として編まれる
  • Export PNG in one keystroke · SVG in one word
  • PNG は 1 キーで、SVG は 1 語で書き出せる

Hackerハッカー

  • Terminal, JSON, spells — the mind commands
  • ターミナル、JSON、呪文 — 知性が命じる
  • Register a spell in one line of JS
  • 1 行の JS で、新しい呪文を登録できる
  • Paste from SNS, drop a .json, bundle everything
  • SNS から拾い、ファイルで配り、まとめて運ぶ
  • IndexedDB persistence · offline · forever yours
  • IndexedDB に刻まれ、オフラインで生き続ける
Section 04 — CAPABILITIES セクション 04 — できること

Six doors into the mirror.

鏡に開かれた、6つの扉

▸ SVG EXPORT

SVG EXPORT Pencil strokes become editable vectors 鉛筆の線が、そのまま編集可能なベクターに

Draw with the pen. Type svg. Drop the file into Figma or Illustrator and keep editing — beziers, anchors, strokes all intact.

鉛筆で描いて、svg と唱える。書き出した SVG を Figma / Illustrator に放り込めば、曲線・アンカー・線幅すべてそのまま編集できる。

$ svg
▸ TRANSPARENT PNG

TRANSPARENT PNG Ship objects with a clean alpha channel 背景透過のままオブジェクトを書き出し

Select one or many shapes, hit png, get a pixel-crisp raster with full transparency — drop it into Keynote, Notion, a deck, a Discord post.

形を選んで png と唱えれば、アルファチャンネル付きの高精細 PNG に。Keynote でも Notion でもスライドでも、そのまま置ける。

$ png
▸ IMAGE BRAINSTORM

IMAGE BRAINSTORM Keywords → scatter of images. Thoughts, non-stop. キーワードでイメージが散る。思考、ノンストップ。

Type a word. Images of it appear on the board — spread, rotated, ready to annotate. The canvas becomes a mood-board that writes itself.

一語を投げれば、イメージがボード上に散らばる。回転、余白、注釈。キャンバスが、勝手にムードボードになる。

$ fetch-img <keyword>
▸ CUSTOM SPELLS

CUSTOM SPELLS Author your own magic. Yours forever. 自分だけの魔法を、自分だけに

Write one line of JS or paste JSON — your command is registered, auto-completed, persisted. Describe what you want to Claude or ChatGPT and get a spell back instantly.

1 行の JS を書く。あるいは JSON を貼るだけ。呪文は登録され、補完され、IndexedDB に残る。Claude や ChatGPT に自然言語で依頼すれば、動く JSON が返ってくる。

$ register · paste JSON
▸ SHARE · SNS

SHARE / SNS A spell is a text string. Text travels. 魔法は一片のテキスト。いくらでも、どこにでも

Export any spell as JSON — drop it into X, Slack, a gist, or your friend's DM. They paste, it installs. Features spread like memes.

呪文は JSON 1枚。X に貼る、Slack に貼る、gist にしてもいい。受け取った人は貼るだけで自分のボードに魔法が住み着く。機能はミームのように広がる。

$ export · $ paste
▸ CAMERA / LIVE

CAMERA / YouTube LIVE The mirror can look back. 鏡は、こちらも覗き返す

Type Black Mirror. A draggable webcam wipe appears — selfie-mirrored, CRT-tinted. Flip a switch and the canvas streams straight to YouTube. Casual, personal, live.

Black Mirror と唱えれば、カメラのワイプがふわっと現れる。ドラッグで自由に置ける。スイッチ一つで、キャンバスはそのまま YouTube ライブへ。気楽で、個人的で、生。

$ Black Mirror · $ live
Section 05 — TRY A COMMAND セクション 05 — コマンドを試す

The mirror is already listening.

鏡は、すでに聞いている

// BM splash shell · type a command, press Enter. // BM スプラッシュシェル · コマンドを打って Enter。
// try: launch · about · help · clear // 試す: launch · about · help · clear
launch → enter the board  ·  about → philosophy  ·  help → all commands
launch → ボードへ遷移  ·  about → 哲学  ·  help → 全コマンド