Claudeの図の中の英語を日本語に翻訳してしかもSVGでダウンロードできるのほんと便利。 これまでHTML等のマークアップまでは提案してくれたけどHTMLに書き出して表示するひと手間をUIでなくしたのはAIの進歩というよりUXの勝利という感じですね。 pic.twitter.com/aixfNOnQoK

Claude 3.5 SonnetにArtifactsで何を描画できるのか、ユーモアを交えながら教えてもらった。以下の６つらしい。 ・コード (シンタックスハイライトのみ) ・Markdown (描画OK) ・HTML (描画OK) ・SVG (描画OK) ・Mermaid (描画OK) ・React (描画OK) pic.twitter.com/Boz3CZfLiK

ロゴ、画像じゃなくてhtml直書きのsvgなのか pic.twitter.com/p90leIvYPy

フレームワークベース + カラー指定でUIデザイン生成させてみたやつ。一応フレームワーク切り替え可能。 別途html2svgを作ったのでfigmaへのexportは出来るんだけど、大元の品質を色々調整する必要がありそうだな。前コメントもらったようにGPT-4oだけじゃなくgemini含めてLLMも切り替えて試してみよ pic.twitter.com/RX6e1xKrTf

SVGについていろいろ試していたらできたので配布します。 桜の形の配信用時計です。 大きさは200×200ピクセルです。 色は変更できます。 下のリンクからcrimm_clock_sakura.htmlをダウンロードしてください。 drive.google.com/drive/folders/… #フリー素材 pic.twitter.com/gVAQJAs5yk