UIコンポーネントの機能的なコードを生成する

概要

デザイナーやマーケターは、エンジニアのリソースを待つことなく、スライダー、カルーセル、モーダルといったインタラクティブなUIコンポーネントの実用的なコードを必要とすることがよくあります。

Cometのアシスタントは、一般的なコンポーネント向けのクリーンで本番環境対応のHTML、CSS、JavaScriptをオンデマンドで生成できます。動作、ビジュアルスタイル、制約事項を指定すると、Webページやメールテンプレートにそのまま貼り付けられる埋め込み可能なコードが返されます。

主な出力

拡大

ヒント

• 視覚的な動作を正確に記述する: 「フェードトランジション」「無限ループ」「ホバー時に一時停止」「一度に4つのロゴを表示」などの詳細を指定することで、出力がデザインの意図と一致するようになります。
• 技術的な制約事項に言及する: 特定のCMSやフレームワークで作業している場合は、「外部ライブラリなし」「Webflowの埋め込みブロックで動作必須」などのコンテキストを追加して、互換性のある出力を取得します。
• コードを貼り戻して反復修正する: 最初の出力に調整が必要な場合は、会話にコードを貼り戻し、Cometに「アニメーション速度を調整する」「モバイルレスポンシブにする」よう依頼して、ターゲットを絞った編集を行います。