墨刀AI

墨刀AIとは？

墨刀AIは、墨刀がプロダクトマネージャー向けに提供するAI機能の集合体で、「需求からプロトタイプ、方案からドキュメント、デザインからデリバリー」までのワークフローを自動生成とコラボレーションでサポートします。主な用途は、自然言語や画像/スケッチを入力してプロトタイプページを生成し、さらに構造化された需求/デザイン文書を出力することです。

プロトタイプ生成以外に、墨刀AIは2種類の応答モード（「极速/深度」）を提供し、草図、ワイヤーフレーム、完成UI、競合スクリーンショットなど多様な画像解析と再現をサポートします。また、墨刀プロトタイプとの連携編集が可能で、プロトタイプと対応するHTML/CSSコードを連動させ、開発側が直接コピーして使用できます。指定端末サイズでプロトタイプを生成し、レスポンシブコードを出力することも可能です。

主な機能

• ワンクリックで文字からプロトタイプ生成：文字指示を入力すると、AIが需求を解析してプロトタイプページを出力。方案とインタラクションの迅速検証に使用（約30秒でプロトタイプ出力）。
• 极速/深度の2モード：
  • 极速モードはシンプルなQ&Aに適する；
  • 深度モードは高品質コンテンツを重視し、複雑タスクに充実した生成結果を提供。
• 画像アップロードでプロトタイプ生成：画像からレイアウト関係、コンポーネントタイプ、UI要素を抽出。草図、ワイヤーフレーム、完成UIなどをプロトタイプページに再現。
• 多輪対話でプロトタイプ最適化：対話でUIレイアウト、インタラクションロジック、ボタンテキストを継続調整し、イテレーション最適化。
• 二次編集と局所継続対話：AI生成ページの特定領域を選択後、対話を継続し、より細かな局所修正を実現。全体再作業コストを低減。
• プロトタイプとコードのリアルタイム連動 + 多端末レスポンシブ出力：プロトタイプとHTML/CSSコードを連動、開発側が直接コピー使用可能。指定端末サイズ（デスクトップ、モバイル、タブレット）でレスポンシブコード生成。

墨刀AIの使い方

1. 文字から開始
   需求を1文で記述、または具体的な機能/インタラクション指示を入力し、AIでプロトタイプページ生成。
2. 生成モード選択
   タスク複雑度に応じて「极速」または「深度」を選択。高品質が必要なら深度モード。
3. 対話でプロトタイプをイテレーション最適化
   生成結果に対し多輪対話を開始し、レイアウト、インタラクションロジック、文案を調整して方案を逐步完成。
4. 二次編集（局所修正）
   生成済みページの領域を選択し、対話を継続して局所調整。修正を集中。
5. 画像アップロードで既存デザインに近いプロトタイプ生成
   草図/ワイヤーフレーム/完成UI/競合スクリーンショットなどをアップロードし、AIが解析して対応プロトタイプ生成。
6. 構造化ドキュメントとコードの確認・デリバリー
   プロトタイプ基盤で構造化ドキュメントを自動生成。開発連携時は対応HTML/CSSコードを確認・コピー使用。レスポンシブ/多端末結果を出力し、デバイスサイズ対応。

ユースケース

• PRDとプロトタイプの迅速実装：プロダクトマネージャーが自然言語で需求記述、AIがプロトタイプ生成と同時に構造化ドキュメント雛形（クリエイティブアイデア、機能構造、インタラクション詳細など）を出力し、レビュー・調整に使用。
• スクリーンショット/競合参考から編集可能プロトタイプへ：競合スクリーンショットや参考ページをアップロード、AIがレイアウト・コンポーネント構造を認識してプロトタイプ生成。ゼロスタートのコピー再構築作業を削減。
• UIとインタラクションの多輪精修：生成プロトタイプを多輪対話で調整、例：ボタンテキスト、インタラクションロジック、レイアウト最適化で方案を逐步実用レベルへ。
• 局所変更の継続対話編集：長ページや複雑UIで領域を選択し二次編集、対話で柔軟な局所修正。
• デザインから開発への連動デリバリー：プロトタイプ完成後、対応HTML/CSSコードを確認、多端末レスポンシブ結果出力で開発側コピー使用とコミュニケーション削減。

FAQ

Q1：墨刀AIはどのような入力方式をサポート？
文字指示入力対応；画像アップロードでプロトタイプ生成、例：草図、ワイヤーフレーム、完成UI、競合スクリーンショット。

Q2：极速モードと深度モードの違いは？
极速モードはシンプルQ&Aに適し；深度モードは高品質を重視、複雑タスクに充実生成結果を提供。

Q3：生成プロトタイプは修正可能？
可能。多輪対話最適化、二次編集（特定領域選択後対話）で局所修正；墨刀プロトタイプへインポート/同期で自由編集。

Q4：墨刀AIはドキュメント出力する？
する。需求基盤で構造化ドキュメント（クリエイティブアイデア、機能構造、インタラクション詳細）を自動生成、必要時編集可能。

Q5：コード出力はプロトタイプとどう対応？
プロトタイプとHTML/CSSコードをリアルタイム連動、開発側直接コピー使用、レスポンシブ/多端末対応。

代替ツール

• 汎用AIチャット/文案アシスタント：執筆・議論に適するが、「画像/草図解析からプロトタイプ生成 + プロトタイプからHTML/CSS連動 + 構造化ドキュメント自動生成」のエンドツーエンドワークフローを通常カバーせず。
• 従来型プロトタイピングツール（手動構築中心）：詳細・インタラクション精製に使用可能だが、需求からプロトタイプ生成とドキュメント構造化に多人工ステップ必要。
• AI生成デザイン/プロトタイプツール（グラフィック生成寄り）：文字/画像からUI生成可能だが、構造化ドキュメント（PRD/需求要点）とプロトタイプからHTML/CSS連動の組み合わせを必ずしも備えず。
• 需求ドキュメント/PRDツール（手動編集・テンプレート中心）：ドキュメント構造・バージョン管理に優れるが、プロトタイプ生成とコード連動欠如でデザイン・開発デリバリー直結困難。