機能一覧

ライト / ダーク / システム設定をlocalStorageに保存して切り替える

theme-toggle

ネイティブ <dialog> を使ったアクセシブルなモーダル

modal-dialog

キーボード操作に対応した汎用タブUI

tabs

Suspense の fallback による読み込み中プレースホルダー

skeleton-loading

コピーボタンと成功フィードバック表示

copy-to-clipboard

Context経由でどこからでも呼べる一時通知UI

toast-notification

状態が変わった瞬間にカードが列を移動するカンバンUI

live-status-board

クライアント側の入力チェックとエラーメッセージ表示

form-validation

Server Actions + useActionState によるサーバー側検証つき送信

server-action-form

ステップごとに検証しながら進むウィザード形式の入力

multi-step-form

HTML5 Drag and Drop APIでリストを並び替える

drag-and-drop-sort

一覧・作成・更新・削除をServer Actionsで行う最小実装

crud-basic

searchParamsベースのページ送りと件数切り替え

pagination

URLクエリと同期した絞り込みと並び替え

search-filter-sort

IntersectionObserverによる追加読み込み

infinite-scroll

CSVの取り込みとダウンロード出力

csv-import-export

ドラッグ&ドロップ対応のアップロードとプレビュー

file-upload

Supabase Authでのサインアップ・ログイン・ログアウト

auth-email-password

Google / GitHub などのソーシャルログイン

auth-oauth

パスワード不要でメールのリンクからログインする

auth-magic-link

proxy.ts（旧middleware）で未ログイン時にリダイレクトする

auth-protected-route

ロードしたロールに応じてUIと操作を出し分ける (RBAC)

auth-roles

表示名・自己紹介・アイコンの更新フォーム

user-profile-edit

Supabase Realtimeでの購読と即時反映（未設定時はローカル模擬）

realtime-updates

Resend APIでの通知メール送信

transactional-email

Notification APIによるブラウザ通知の許可取得と表示

web-push

OpenAI Responses APIで1往復の会話を行う最小実装

openai-chat

Server-Sent EventsでAI応答を逐次表示する

ai-streaming

埋め込みベクトルのコサイン類似度で関連文書を検索して回答する

ai-rag-search

プロンプトから画像を生成して表示する

ai-image-generation

音声ファイルをアップロードしてテキスト化する

ai-speech-to-text

計画・思考・ツール呼び出しをSSEで逐次配信し、自律的にタスクを処理する過程を見せる（未設定時は内蔵シナリオ）

ai-agent-run

Stripe Checkoutでの都度払い決済フロー

payment-one-time

Stripeでの月額課金の開始とカスタマーポータル遷移

payment-subscription

Stripe Webhookの署名検証と受信イベントの反映

payment-webhook

IP単位のスライディングウィンドウによるリクエスト制限

rate-limiting

unstable_cache と updateTag / revalidatePath によるキャッシュ制御

caching-isr

error.tsx によるエラーバウンダリとログ送信

error-logging

環境変数とCookieで機能の有効 / 無効を切り替える

feature-flag

Cookieベースの言語切り替えと辞書による表示切り替え

i18n

generateMetadata と ImageResponse による動的OGP画像

seo-og-image

Incoming WebhookでSlackにメッセージを送る

integration-slack

予定の一覧表示とICS(.ics)ファイルの生成・ダウンロード

integration-calendar

OpenStreetMapの埋め込みによる位置情報の表示

integration-map