任意のプロンプトからHTMLとCSSを生成してその場でプレビュー出来る・「AI CODE」

Ads

AI CODE


AI CODEは任意のプロンプトからHTMLとCSSを生成してその場でプレビュー出来るAIコード生成アプリです。特に説明は不要かと思いますがタイトルの通りで指示したUI等をHTML/CSSで作成し、その場でプレビュー出来る、というものになります。

上SSでは「アバター、小見出し、ダミーテキストのある横型のカードUI。色は任せる。」というプロンプトを使いましたが概ねイメージしたものが作られました。アバター画像は壊れていますが、例えばunsplashなどを使うよう指示すれば使ってくれます。

他にもいくつか試しましたが、人に指示する感覚で作れました。例えば「Tailwind.cssを使って」と指示すればTailwind.cssのclassを使ってコードを生成してくれます。

まだβ版でたまに妙な挙動も確認しましたが、基本的には想定したものを作ってくれたので普通に便利そうです。APIキーの入力もユーザー登録も今のところは不要なので誰でも自由に試せます。

AI CODE