Feature Catalog · 25 categories

ユーザーから見える機能の、341 の語彙。

草チャート、コマンドパレット、楽観的 UI、AI のストリーミング表示。名前を知っていれば選べる機能を、動くデモ付きで引ける索引にしました。

01 Index

UI のかたちで引く

25 のカテゴリに分けた索引です。行に触れると、そのカテゴリの色がページににじみます。

02 Goals

「フォームの離脱を減らしたい」のような問題文から、効くパターンをまとめて引けます。

03 About

個人開発で「あの機能、何て呼ぶんだっけ」を引くために作った語彙の索引です。コンポーネントライブラリではありません。何を作るかの選択肢を、名前と動きで見渡すためのカタログです。

デモはすべて手元で動くモックです。地図・決済・動画のような外部サービスが要るパターンも、通信しない UI で再現しています。各デモの右上から、ステージの明暗の切り替え、リセット、ソースの表示ができます。

X-ray mode

このサイト自体が、カタログのデモです。

ヘッダーの X-ray を押すか、キーボードで x を 2 回。画面の各部に、使っているパターンの名前が浮かびます。