レストランのデモサイトを作成するプロンプト
リッチなWebサイトを作成してほしい。
その際に、context7でライブラリの最新情報を取得して。
Desktop Commander MCPでファイルを編集・保存・コマンド実行もしてほしい。
Sequential Thinking MCPで適宜しっかり考えてください。
作業フォルダは以下で。
"C:\\Users\\kuwam\\OneDrive\\デスクトップ\\mcp-demo-site"
# 内容
架空のレストランのサイトを作成する。
複数のページを用意して、それぞれハイパーリンクで行き来できるようにする。
アイコン等も使ってリッチで見やすく美しいWebサイトにする。
- テーマカラー: 青と緑のグラデーションと白
- デザイン: モダンで明るくおしゃれな感じ
- 形: 角丸や丸を使ったデザイン
- フォント: Noto Sans JP
# 使うライブラリ
- ボタン: shadcn/ui
- アイコン: Iconify
ToDoリストを作成するプロンプト
# 実現したいこと
HTMLとJavaScriptだけで動く、ToDoリストのアプリを作成してほしい。
リッチなデザインで、ローカルでブラウザですぐ動かせる形にする。
# 開発方法について
## Context7 MCPで、使用するドキュメントの最新情報を取得する
shadcn/uiや、Tailwindのようなライブラリは必要に応じて最新情報を取得する
## Desktop Commander MCPで開発する
コードの作成・編集・実行は、Desktop Commanderで実行して。
開発フォルダは以下で。
"C:\\Users\\kuwam\\udemy\\udemy-mcp-todo-app"
コマンドを実行してもOK。
# 詳細機能
- 新しいタスクを追加できる
- 完了チェックを付けられる
- タスクを削除できる
- タスクを編集できる
- リストはリアルタイムで更新
- レスポンシブ対応(スマホでも見やすく)
# 補足
- テーマカラーは青緑色のグラデーションで、カッコよく
- Tailwind CSSやshadcn/uiを使うときれいに見えると思う
画像編集MCPサーバーを構築するプロンプト
# 実現したいこと
入力された画像を編集するMCPサーバーを作成したい。
コードを作成して、設定方法・使用方法も教えてください。
# 資料の説明
添付したllms-full.txtは、MCPに関する全仕様書である。
MCPのSDKの仕様書READMEも添付したので、参照しながら、作成してください。
# 使用する言語
TypeScriptを使ってMCPサーバーを作成する。
# MCPサーバーの種類
ToolsのMCPサーバーを作成する。
# 機能の詳細
以下の機能を持つMCPサーバーを作成したい。
名前は、image-editor-mcpで。
引数で画像フォルダのパスを指定する。その中の特定の画像ファイルを編集できるようにして。
画像は、バイナリ形式の出力ではなく、JavaScriptの画像編集ライブラリSharpのコマンドを実行することによって実行できるようにしてください。
## 画像の明るさを調整
ユーザーの指示によって、画像の明るくしたり、暗くしたりする。
## 画像のトリミング
指定された範囲にトリミングする。そのとき、比率は保つこと。
## 画像の軽量化(圧縮)
指定されたサイズに圧縮する。
# 補足
jsonファイルには、コメントがあるとエラーが発生するので、コメントは入れないで。