Skip to content

Latest commit

 

History

History
134 lines (81 loc) · 7.18 KB

File metadata and controls

134 lines (81 loc) · 7.18 KB

Language: English / Japanese

🧙 Bedrock Enginner

Bedrock Enginner は、Amazon Bedrock を活用したソフトウェア開発タスクのための AI アシスタントです。大規模な言語モデルと実際のファイルシステム操作、Web検索機能などを含む自律的な AI エージェントがあなたの開発を支援します。

💻 デモ

bedrock-engineer-demo.1.mp4

🍎 はじめに

現在開発中であり、パッケージ化されたバイナリは作成されていません。ローカルでビルドして使用してください。

ビルド

まず、npmモジュールをインストールします。

npm install

次に、アプリケーションパッケージをビルドします。

npm run build:mac

または

npm run build:win

または

npm run build:linux

distディレクトリに保存されたアプリケーションを使用します。

✨ 機能

エージェントチャット

開発ができる自律的な AI エージェントが、あなたの開発を支援します。これは Cline のような AI アシスタントに似た機能を提供していますが、VS Code のようなエディタに依存しない独自の UI を備えています。これにより、Bedrock Engineer のエージェントチャット機能では、よりリッチな図解と対話型の体験が可能になります。また、エージェントのカスタマイズ機能により、開発以外のユースケースにおいても、エージェントを活用することができます。

  • 💬 人間のような Amazon Nova, Claude 3.5, Meta llama モデルとの対話型チャットインターフェース。
  • 📁 ファイルシステム操作(フォルダ作成、ファイル作成、ファイル読み/書き)
  • 🔍 Tavily APIを使用したWeb検索機能
  • 🏗️ プロジェクト構造の作成と管理
  • 🧐 コード分析と改善提案
  • 📝 コードの生成と実行
  • 📊 データ分析と可視化
  • 💡 エージェントのカスタマイズと管理
  • 🛠️ ツールのカスタマイズと管理
  • 🔄 チャット履歴の管理
  • 🌐 多言語対応
agent-chat-diagram agent-chat-search
コード分析と図解 Tavily API を使用した Web 検索

エージェントを選択する

左上のメニューからエージェントを選択します。デフォルトでは汎用的なソフトウェア開発に特化した Software Developer, プログラミング学習を支援する Programming Mentor, サービスやプロダクトの構想段階を支援する Product Designer を搭載しています。

select-agents

エージェントをカスタマイズする

右上の ⚙️ アイコンをクリックして、エージェントの設定をカスタマイズします。エージェントの名前と説明を入力し、システムプロンプトを入力します。システムプロンプトはエージェントの振る舞いを決定する重要な要素です。エージェントの目的や規制事項、役割、使用できるツールと使うタイミングを明確にしておくことで、より適切な回答を得ることができます。

custom-agents

ツールを選択する

左下の Tools アイコンをクリックして、エージェントが使用できるツールを選択します。各ツールの役割はこちらを参照してください。

select-tools

ツールをカスタマイズする

executeCommand ツールでは CLI で実行可能なコマンドを登録することができます。登録されていないコマンドは実行できません。データベースに接続するコマンド、APIを実行するコマンド、別の AI エージェントを呼び出すコマンドなどを登録することで、エージェントの能力を拡張することができます。

custom-tools

Website Generator

ウェブサイトを描画するソースコードを生成し、リアルタイムにプレビューします。現在は以下のライブラリに対応しています。また、追加で指示を与えることで対話的にコードを生成することができます。

  • React.js(w/ Typescript)
  • Vue.js(w/ Typescript)
  • Svelte.js
  • Vanilla.js

以下は Website Generator によって生成された画面の例です。

website-gen website-gen-data website-gen-healthcare
観葉植物のECサイト データの可視化API ヘルスケアのブログ

また、以下のスタイルがプリセットとしてサポートされています。

  • インラインスタイリング
  • Tailwind.css
  • Material UI(Reactモードのみ)

デザインシステムのデータソースに接続する

Amazon Bedrock の Knowledge Base に接続することで、任意のデザインシステム、プロジェクトソースコード、Webサイトのスタイルなどを参照してウェブサイトを生成できます。

事前に Knowledge Base にソースコードとクロールしたWebページを保存する必要があります。Knowledge Base にソースコードを登録する際は、gpt-repositoy-loader などの方法を使用してLLMが簡単に理解できる形式に変換することをお勧めします。Figma のデザインファイルは HTML, CSS の形式にエクスポートしたものを Knowledge Base に登録することで参照可能になります。

画面下部の「Connect」ボタンをクリックし、ナレッジベースIDを入力してください。

knowledgebase-connect

Step Functions Generator

AWS Step Functions の ASL 定義を生成し、リアルタイムにプレビューします。

step-functions-generator

Star History

Star History Chart

ライセンス

MIT License

このソフトウェアは Lottie Files を使用しています。