ノート

AI Composerワークフローによる画像の一括ダウンロードと置換

フリーのプロンプト百科事典 Wikiprompt より

宝玉
投稿者宝玉X出典

2025年1月21日

AI Composerワークフローによる画像の一括ダウンロードと置換 TipTapエディタとバックエンドAPIを使用して、バッチ画像ダウンロード・置換機能を実装するための実用的なAIコーディングプロンプト。コンテキストとモジュール式の反復を重視する。

プロンプト内容保存

🌐
バックエンド: 新しいエンドポイント /api/download-and-save-image を追加する。画像URLを受け取り、ダウンロードしてオブジェクトストレージ(R2)に保存する。ファイル命名規則: '日付 + 元のファイル名'、重複する場合は番号のサフィックスを追加する。新しい画像URLを返す。既存の /api/upload-image コードを参照して構造とスタイルを統一する。フロントエンド: React + TypeScript + ShadcnUI を使用し、エディタは TipTap とする。以下のコンポーネントを生成する: ボタン + プログレスバーまたはステータスメッセージ。クリック時に、エディタ内のすべての画像を走査し(editor.getJSON())、http:// または https:// で始まるリンクをフィルタリングし、新しいバックエンドエンドポイントを呼び出して画像を一括ダウンロードおよびアップロードする。正常にアップロードされた画像リンクをエディタに置き換え、プログレスバーを更新する。バックエンドのリクエスト/レスポンス形式を提供する: POSTメソッド、ボディは { url: string }、成功時は新しい画像URLを返し、失敗時はエラーメッセージを返す。

ログインして完全なプロンプトを表示

次で続行:

ログインすると、次に同意したことになります: 利用規約 と プライバシーポリシー

使い方

このプロンプトは coding 向けに設計されています。上の内容をコピーして、お好みの AI ツールに貼り付けてください。

最良の結果を得るには、プレースホルダー(角括弧や大文字で示された部分)を具体的な要件に置き換えてください。

参考資料

カテゴリ:coding| twitter| ai-coding| composer

ノート