GithubHelp home page GithubHelp logo

naogify / charites-ai Goto Github PK

View Code? Open in Web Editor NEW

This project forked from yuiseki/charites-ai

0.0 0.0 0.0 97 KB

AI that can generate json files according to Mapbox style specification based on natural language instructions

License: Do What The F*ck You Want To Public License

JavaScript 4.30% TypeScript 74.68% CSS 17.42% HTML 3.61%

charites-ai's Introduction

charites-ai

これは何?

  • charites-ai は、自然言語による指示に基づいて、Mapbox style specification に従った json ファイルを生成することができる AI です
  • この AI は、@unvt/charitesを活用しています

Demo

Image from Gyazo

環境構築

  • Node.js がインストールされていることが前提です
  • npm がインストールされていることも前提です
  • 以下のコマンドを実行してください
export OPEN_AI_API_KEY=*****
git clone ...
cd charites-ai
npm ci
npm run build
cd docs
npx http-server
  • ブラウザで http://localhost:8080 にアクセスしてください
  • 地図が表示されていることを確認してください

charites-ai の使い方

  • npx http-server は実行したままの状態で、以下のようなコマンドを実行してください
npm run embed -- 国の背景を青色で表示してください && npm run build
  • ブラウザで http://localhost:8080 にアクセスしてください
  • 国が青色で地図が表示されていることを確認してください
  • 以下のようなコマンドを実行してください
npm run embed -- 国の背景を黄色で表示してください && npm run build
  • ブラウザで http://localhost:8080 にアクセスしてください
  • 国が黄色で地図が表示されていることを確認してください

charites-ai の仕組み

  • 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 ファイルを生成します

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.