

Jinno:aiでreactコンポーネントをコード化
紹介 :
Jinnoは、AIを使用してHTMLまたはReactコンポーネントを開発するためのプラグインです。React、HTML、CSSコードの修正が可能です。React、CSS、JavaScriptに対応し、カラーピッカー、フォントセレクター、ページ定規などの機能を提供します。React、HTML、CSSコードをエクスポートでき、開発者とデザイナーの双方にご利用いただけます。
ターゲットユーザー :
ReactコンポーネントとWebページコードの開発および修正にあたり、開発者とデザイナーの双方にご利用いただけます。
製品特徴
AIによるReactコンポーネントの修正
HTMLおよびCSSコードの修正
React、HTML、CSSコードのエクスポート
カラーピッカー
フォントセレクター
ページ定規
おすすめAI製品

Screenshot To Code
スクリーンショットからコードへの変換は、GPT-4 Visionを使用してコードを生成し、DALL-E 3を使用して類似の画像を生成するシンプルなアプリケーションです。React/ViteフロントエンドとFastAPIバックエンドを使用しており、GPT-4 Vision APIにアクセスするためのOpenAI APIキーが必要です。
AIコード生成
965.4K

UI設計ツール
tldrawとgpt-4-vision APIを用いて、ユーザーが描いたワイヤーフレームからHTMLを生成するアプリケーションです。静的ウェブページのプロトタイプを迅速に作成し、対応するHTMLコードを自動生成することで、フロントエンド開発の効率を向上させます。シンプルで使いやすい設計となっており、フロントエンド開発者やUIデザイナーに最適です。インターフェースデザインと開発の効率化、作業量の削減を目指しています。動作原理は、現在のキャンバスSVGを取得し、PNGに変換してgpt-4-visionに送信し、tailwindを用いた単一のHTMLファイルの返却を指示するというものです。
AIコード生成
396.1K