charites-ai は、自然言語による指示に基づいて、Mapbox style specification に従った json ファイルを生成することができる AI です- この AI は、@unvt/charitesを活用しています
- Node.js がインストールされていることが前提です
- npm がインストールされていることも前提です
- 以下のコマンドを実行してください
export OPENAI_API_KEY=*****
git clone ...
cd charites-ai
npm ci
npm run dev
- ブラウザで
http://localhost:5173/ にアクセスしてください
- 地図が表示されていることを確認してください
npm run dev は実行したままの状態で、以下のようなコマンドを実行してください
npm run instruct -- 国の名前を黄色で表示して
- ブラウザで
http://localhost:5173/ にアクセスしてください
- 国の名前が黄色になった地図が表示されていることを確認してください
- 以下のようなコマンドを実行してください
npm run instruct -- 国の名前を青色で表示して
- ブラウザで
http://localhost:5173/ にアクセスしてください
- 国の名前が青色に変化した地図が表示されていることを確認してください
- Mapbox style specification に従った json ファイルは非常に巨大なものであるため、2023 年 12 月現在、LLMs で扱うことが困難です
- charites は、複数に分割された YAML ファイルを結合して、Mapbox style specification に従った json ファイルを生成することができます
- charites-ai は、charites の機能を活用して、自然言語による指示に基づいて、それぞれの YAML ファイルを編集することができます
- これを実現するために、それぞれの YAML ファイルに対して、詳細なコメントを追加しました
- そして、それらのコメントを解析する処理を実装しました
- 自然言語による指示が与えられたとき、charites-ai は、その指示に最も適した YAML ファイルを選択し、それを編集します
- そして、charites が、編集された YAML ファイルを結合して、Mapbox style specification に従った json ファイルを生成します
![renovate[bot] avatar](https://avatars.githubusercontent.com/in/2740?v=4 "renovate[bot]")
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent