ChatGPT 4 画像認識でコーディングさせて画像の通り再現できるか試してみた

この画像素材をTailwind CSSで実装したい

目的の画像（吹き出しの部分が難しい）

1回目

この画像をChatGPT4の画像認識でコーディングしてみたところ、上記のような結果に
８割方は再現することができたが、上部右端の三角形になっている部分がなく、コメント部分がなぜかinputタグになってしまっている。文章も全然違ったものになっている。

2回目

三角形がないことを指摘すると右端に四角形の90℃回転させたものが表示される。

調整後

この四角形を人間の手で程よいポジションに調整する

まとめ

他の画像素材を利用して画像読み取ってみたが、かなり近いところまで（大体８、９割ぐらい）コーディングできるので実装の短縮には十分。
今回の三角形の吹き出し部分のような少し複雑なCSSが必要なところはうまく表現できないことがあるが、その部分の調整に人間のリソースを集中させることができるだけでもかなり大きい。