プロダクト開発

— 01

Black Mirror Board

Canvas Tool
Web App

HTMLひとつ。依存ゼロ。ブラウザだけで動くインフィニットキャンバスツール。

描いた図形がターミナルに応え、コマンドが「魔法」になる——設計思想そのものをプロダクトに実装した。

bmboard.studio ↗ BM Browser ↗ 設計記録を読む →

— 02

Ateli.er

Music Platform
Web App

中庭のような、静かな音楽空間。誰かのチャンネルに、静かに並走する。

音楽は消費するものではなく、空間として存在するものだ。ただそれだけの体験を、Webアプリとして実装した。

atelistudio.com ↗ Player ↗ Clip ↗ 設計記録を読む →

— 03

KODOCO

Family App
Web App

今日の文脈に、答える。天気・子どもの年齢・外出できる時間を読んで1スポットを提案。

「今日どこいく？」に、情報サイトは答えられない。選択肢を減らすことが、体験設計においていかに重要か——KODOCOはその実証実験でもある。

kodoco.jp ↗ 設計記録を読む →

— 04

Mothership

Figma Plugin
なぜから、かたちまで / Claude Code

判断は人、翻訳はAI。

生成AIが"作る"を担う時代、母艦が受け持つのはその手前——判断。「なぜこの体験か」を論拠つきで一緒に立て、選べる提案と設計書に残し、編集できる本物のFigmaレイヤーへ着地させる。ペルソナ・ジャーニー・フローまで対話で。頭脳（Claude / Gemini / Codex）は交換でき、判断は手元に残る。Pro / Max だけで動く。

Figma Community 公開中 Figma Community で開く ↗ サイト → 世界観 → 使い方 → 設計記録 →

— 05

OtO

Figma Plugin
Layout → Music / 99letters

作曲じゃなく、発見。

Figmaのレイアウトの配置を、そのまま音楽に翻訳する。横＝時間／縦＝音程／大きさ＝音量／余白＝休符。フレームを選んで再生すれば、デザインの中にもとから隠れていた音が聴こえる。整音と生音、SONG/LIVE、サンプラー・EQ・書き出しまで揃った"デザインDAW"。現役テクノ作家 99letters による作品。

Figma Community 公開準備中 サイト → 世界観 → 使い方 → 設計記録 →

— 06

SHIAN 志庵

Figma Plugins Studio
Music → Graphics / 99letters

音楽の信号を、デザインの道具に。

99letters（木下貴博の音楽名義）のデザイン/プラグインスタジオ。音楽のシグナルチェーンをそのまま Figma プラグインに翻訳：Siren（音源・点）→ Onore（シンセ・面）→ Kaibou（エフェクト・質感）。出てくるのは全部ベクター。

3 plugins SHIAN studio →

— 07

Noa

Web Terminal
OSS / Claude Code

iPhone から Mac を操作する、ブラウザベースのターミナル。

Claude Code との連携を前提に設計。3カラムレイアウト（TERM · EDITOR · FILES）、プロジェクト別セッション孤立、モバイル十字キー。個人の開発環境をどこからでも操作するための OSS。

github.com/kinoshitastudio/noa ↗ About → 設計記録を読む →

— 08

MINAMO

Chrome Extension
Tab Overview

タブとウインドウが増えすぎて迷子になる——それを、ひとつの静かな水面に。

サイドパネルで全タブを俯瞰し、文脈ごとの「島」（Chrome タブグループ）に畳む。別ウインドウを今の窓へ集約し、閉じたタブは 7 日間アーカイブに残る。NOA から生まれた、タブの司令塔。

Chrome Web Store 申請待ち kinoshita.studio/minamo ↗ 詳しく見る →

— 09

ENOUGH

Chrome Extension
Behavior Intervention

SNSのメトリクスを確認しようとした瞬間に、5秒の問いで介入する。数字を隠すのではなく、問いを置く——それだけ。

Now Live Chrome Web Store ↗ About / マニュアル → 設計記録を読む →

— 10

Kinoshita Library

Virtual Bookshelf
Web App

スタジオの本棚を、開いた。

デザイン・建築・写真・哲学・音楽——木下スタジオの視点で150冊以上が並ぶ仮想本棚。Open Library APIで世界中の本を探索し、自分の棚に追加できる。「本棚は人格だ。」という思想から生まれた空間。

kinoshita.studio/Library → About → 設計記録を読む →

— 11

DDD

Task Ritual
Local-first Web App

Density · Daily · Design。

1日5タスク、順番に。ピクセルマトリクスで積み上げる、習慣の密度ログ。アカウントなし、クラウドなし、1つのHTMLファイルで完結する、静かなタスクリチュアル。

kinoshita.studio/ddd → GitHub — README / 使い方 ↗ 設計記録を読む →

— 12

日めくり献立

Meal Planner
Local-first Web App

「今日、何にする？」をもう考えない。

お気に入りの献立を中心に、一週間のリズムを作る。ローカル完結型の献立アプリ。データはデバイスの中だけにある。

kinoshita.studio/himekuri → GitHub — README / 使い方 ↗ 設計記録を読む →

— 13

DISASTER

Font Creator
Web App

グリフを描く。フォントを作る。

A-Z / a-z / 0-9 / 記号 / ひらがな / カタカナに対応したブラウザ完結型フォントメーカー。描いたグリフをそのまま .OTF としてエクスポートできる。

kinoshita.studio/disaster →

— 14

Baka

Chiptune Synth
Web App

4bitチップチューンシンセサイザー。

ピアノ鍵盤・KBモード・baka.seq シーケンサー統合。ブラウザだけで鳴らす、個人の音楽おもちゃ。

kinoshita.studio/lifehack/baka →

— 15

Gavin PW

Password & Secrets Vault
Local-first

パスワードと秘密のためのローカル金庫。そして、自分のインフラを一望する管制塔。

マスターパスワードで暗号化し、データはこのデバイスの中だけ——クラウドに預けない、サーバーを持たない。パスワードだけでなく API キー・シードフレーズ・ライセンスも収める。預ける先がないことが、いちばんの安全。

kinoshita.studio/gavin ↗ アプリを開く →