AI Dev Lab
PromptStock

PromptStock ができるまで — 企画から公開までの全記録

AIプロンプト辞典「PromptStock」の企画背景・技術選定・デザイン意図を解説する開発記事。

·decision主力·stage改善して伸ばす

PromptStock を辞典で終わらせないための改善ログ

PromptStock は、AI プロンプトをただ並べるだけのサービスにはしたくありません。
目指しているのは、「探す」「使う」「改善する」までつながる実用品の入口です。

最初の問題

もともとの課題はかなりはっきりしていました。

  • 一覧を見るだけで終わりやすい
  • どのカテゴリから入ればいいか分からない
  • コピー後の次アクションが弱い
  • 収益や相談導線が薄い

つまり、辞典としては成立しても、実務導線としては弱かったです。

どこを変えたか

今回の改善では、主に次の四つを入れました。

1. 用途別の入口

ビジネスライティングプログラミングマーケティング の入口を強くして、誰向けかがすぐ分かるようにしました。

2. 改善前と改善後の見せ方

短い依頼をどう整えると使えるプロンプトになるかを、具体例で見せるようにしました。

3. 改善ページへの接続

一覧を見て終わらず、詳細ページや改善フォームへ流れる導線を前に出しました。

4. 相談と収益の入口

チームで使うテンプレ整備や改善支援の相談へ進める導線を置きました。

なぜ主力に残すのか

PromptStock を残す理由は、単純にプロンプト数を増やせるからではありません。

  • 検索流入を取りやすい
  • 詳細ページや改善ページへの回遊が作りやすい
  • テンプレ集や改善支援の形で収益線を持てる

特に ChatGPT プロンプト 例AI プロンプト 改善 のような検索意図に近く、実務での再利用も見込みやすいです。

まだ足りないところ

ここも正直に言うと、まだ弱い部分があります。

  • 有料パックとしての見せ方はまだ仮段階
  • チーム導入のイメージをもっと具体化したい
  • 人気テンプレや成果の出やすいテンプレの見せ方をさらに強くしたい

一覧の整理は進みましたが、商品化としてはまだ完成ではありません。

次にやること

次の改善候補はこの三つです。

  1. 有料テンプレ集に近い見せ方をつくる
  2. チーム整備相談の入口を具体化する
  3. 詳細ページの改善導線をもっと強くする

PromptStock は、一覧をきれいにするだけでは伸びません。
使った後に何が起きるかまで設計して、はじめて価値が出ます。

[ ./next_action ]

読んだら、 PromptStock を実際に動かす。

この開発ログは PromptStock をどう作ったかの記録です。 読み終わったらそのままサービス本体へ戻って、 実物で価値を確かめてください。

[ ./related_logs ]

関連する開発ログ

all logs →
ToonCast

ToonCast ができるまで — AnimeGANv2 をブラウザで動かす

AnimeGANv2 の小さな ONNX (約9MB) を onnxruntime-web (単一スレッド WASM=COOP/COEP不要、 color-revive で承認済みライブラリの再利用) で実行。 512x512・[-1,1] 正規化で推論し、 結果を元解像度に戻して表示する設計記録。 写真は端末内処理。

read log →
ColorRevive

ColorRevive ができるまで — onnxruntime-web で白黒写真をカラー化

DeOldify の量子化 ONNX を onnxruntime-web (CDN side-load・単一スレッド WASM=COOP/COEP不要) で実行。 256x256 でモデル推論し、 輝度は元写真・色だけ AI を YCbCr で再合成して輪郭を保つ設計記録。 写真は端末内処理。

read log →
PhotoTwin

PhotoTwin ができるまで — CLIP画像埋め込みで似た写真を見つける

CLIP (Xenova/clip-vit-base-patch32) の image-feature-extraction を transformers.js の CDN ESM で side-load し、 各写真を正規化ベクトル化。 cosine 類似度で重複・似た写真をブラウザ内で検出する設計記録 (新ライブラリ追加なし=what-cam と同じ CLIP の再利用)。

read log →
AkinFind

AkinFind ができるまで — 文章embeddingsで意味検索をブラウザ内に

多言語の文章埋め込みモデル (Xenova/multilingual-e5-small) を transformers.js の CDN ESM で side-load し、 各文を正規化ベクトル化。 cosine 類似度で意味検索と似ている文ペア検出を全て端末内で行う設計記録。

read log →
WhatCam

WhatCam ができるまで — CLIP のゼロショット画像分類をブラウザで動かす

CLIP (Xenova/clip-vit-base-patch32) を transformers.js の CDN ESM で side-load し、 写真と候補ラベルの近さをブラウザ内で計算。 日本語ラベルを英語プロンプトに変換し、 図鑑と自由入力の両モードで「これ何?」を判定する設計記録。

read log →
DepthCast

DepthCast ができるまで — 1枚の写真をAIの深度推定で立体にする

Depth Anything (transformers.js) を CDN ESM で side-load し、 1枚の写真から深度マップを推定。 WebGL2 フラグメントシェーダで深度に比例した視差 (iterative backward parallax) を作り、 赤青アナグリフ / WebM 書き出しまで端末内で完結させた設計記録。

read log →