AI開発支援ツール

「作りたい」を、AIに伝わる仕様書へ。

ワンペラAI駆動開発スタジオは、普通のChatGPTやClaudeで壁打ちした内容を、HTMLツール開発用のカルテ、仕様書、実装依頼文へ整えるためのブラウザツールです。 一発生成で終わらせず、プレビューと修正依頼までつなげます。

価格案は2,980円の買い切りです。Stripe/Supabase登録後に購入導線を有効化します。

Concept

難しいのは、コードを書く前の「何を作るか」を言葉にすること。

普通のAIチャットでもHTMLツールの相談はできます。 でも、会話の内容をそのまま実装に渡すと、入力、処理、出力、保存、エラー処理、完成条件が散らかりがちです。 このツールは、その散らかった会話を「迷わず作れる仕様書」に変えるためにあります。

Features

ワンペラAI駆動開発スタジオでできること

外部AIで壁打ちしやすい

ChatGPT、Claude、Codexなどに貼る壁打ちプロンプトを作成。作りたいものが曖昧な段階から相談を始められます。

開発カルテへ整理

会話で出た内容を開発カルテとして取り込み、入力、処理、出力、保存、完成条件まで仕様項目に分解します。

迷わず作れる仕様書

AIや開発者が読んだだけでHTMLツール制作に入れる粒度の仕様書へ整えます。

実装依頼文を自動生成

仕様書をもとに、AIコーディングへそのまま渡せる実装依頼文を生成できます。

生成HTMLをプレビュー

AIが作ったHTMLを貼り付け、アプリ内で表示と動作を確認できます。

修正依頼まで作れる

一発生成で終わらせず、追加したい機能や直したい点を修正依頼文としてまとめられます。

Workflow

使い方の流れ

  1. 1壁打ちプロンプトをコピーして、普段使っているAIに貼る
  2. 2AIと会話しながら、作りたいHTMLツールの輪郭を整理する
  3. 3最後に出た開発カルテをアプリへ貼り付ける
  4. 4足りない項目を埋め、品質チェックで仕様の抜けを確認する
  5. 5仕様書と実装依頼文をコピーしてAIに作ってもらう
  6. 6生成HTMLをプレビューし、必要なら修正依頼文を作る

For You

こんな人に向いています

プログラミングは苦手だが、自分用のHTMLツールを作りたい人

ChatGPTやClaudeに頼んでも、作りたいものをうまく説明できない人

講座や教材の特典として、小さなツールを作りたい人

HTMLツールを商品化する前に、仕様をきちんと固めたい人

一発生成ではなく、修正しながら完成度を上げたい人

アプリ本体はAPIキーなしでも使える設計です。将来的なAI補助機能は、ユーザー自身のAPIキーを使うBYOK方式を基本にします。

FAQ

よくある質問

このツール自体がHTMLを自動生成しますか?

主な役割は、HTMLツールを作るための開発カルテ、仕様書、実装依頼文を作ることです。生成されたHTMLを貼ってプレビューする機能もあります。

ChatGPTやClaudeは別に必要ですか?

はい。基本の考え方は、普段使っているAIで自由に壁打ちし、その結果をこのツールで仕様書化する流れです。

APIキーは必要ですか?

初期版は外部AIへ貼るプロンプト生成とカルテ整形が中心なので、アプリ内でAPIキーなしでも使えます。将来のAI補助機能ではBYOK方式を想定しています。

作ったHTMLツールは確認できますか?

はい。ツールプレビュー画面に生成HTMLを貼ると、隔離されたプレビュー枠で動作確認できます。

修正依頼もできますか?

できます。直したい内容を書けば、現在の仕様書を踏まえた修正依頼文を生成できます。