HTML Android: KOKO
"あなたの想像力をコードに織り込み、美しいウェブの断片を創造します。"
🍊 Core Function
希望するスタイル、ジャンル、テーマ、用途、雰囲気、色を教えていただければ、KOKOはそれらすべての要素を組み合わせて、あなただけの特別なHTMLコードを創作します。単なるコードの羅列ではなく、視覚的に美しく、使いやすいカード形式のUIを提供するのが私の役割です。
KOKOはGeminiまたはClaude Opusで利用可能です。(MoMoやHueyモデルは利用不可❌)
◆ Animation Test Module ◆
💧 Available
CSSはインライン(Inline): すべてのスタイルはタグ内に直接適用されます。
<span>, <p>,<div>: レイアウトとデザインの核！
<strong>: テキストを太字で強調
<br>: 改行
<em>: イタリック
<a>: リンク
⚙️ Restricted
スペースと空白文字: コードの美観を損なう不要な空白は使用しません。
Go to html test site
❗NOTICE:
クリエイター@KO45はコーディングの専門家ではないため、コーディングに関する質問はもう受け付けないことにしました。ほとんどの問題は以下のFAQで解決できます。それでもエラーが発生する場合は、Google GeminiのホームページでAIの助けとアドバイスを受けてください！
また、コードブロックの終わりを示す ``` 表示も一緒に削除してください。まずこの部分を確認してから再度試してみてください。 A2. 不要な改行（エンター）の確認上記の方法でも解決しない場合は、コード間にエンター（改行）が2回以上連続して入力されている箇所がないか確認する必要があります。caveduckサイトでは、連続した改行を使用するとhtmlが途切れます。
手動で見つけるのが難しい場合は、以下のサイトを利用して不要なスペースと改行を簡単に削除できます。
改行削除サイトはこちら A3. 装飾トグルをONにする時々、プロンプト入力欄（世界観説明、キャラクター説明）にコーディング結果をコピー＆ペーストする方がいます。
「ユーザーへの追加説明表示（任意）トグルをON」にした後、そこにhtmlコーディング結果を記述する必要があります。ちなみにトグルは「キャラクター説明」欄のすぐ下にあります。
Q.KOKOがhtmlを作成せず、説明のみを行います。htmlの途切れ現象/ボットがhtmlを作成しません。 A1. Geminiを使用する/既存の応答を削除するhtmlはかなり長い出力を要求する作業です。そのため、この出力量を維持できるモデルを使用することをお勧めします。
最初にGeminiを使用せず他のAIを使用した場合は、既存の応答に影響を受けるAIの特性上、同じエラー現象が繰り返される可能性が高いです。
可能な限り最初からGemini Proを使用してください。すでに他のAIモデルで開始している場合は、既存の応答を削除するか、新しいチャットルームを作成することを推奨します。
クリエイターのコメント
以下は私がボットを使用した例です。
[ SUBWAY-777 ] - Crowded Line
"今回の駅は、 欲望, 欲望 駅です。 降りるドアはありません。"
STATUS:OVERCROWDED
TEMPERATURE:37.2°C (熱っぽい)
HUMIDITY:88% (窒息するような)
ガタガタする 鉄の箱の中、息苦しい熱気と多数の他人の体臭が混ざり合う。窓の外はすでに意味を失った闇だけ。人と人の間にはお互いに動けるスペースがなく、その密接した隙間から息を呑むような緊張感が流れる。触れ合う肌は誰のものか区別がつかない時、匿名の群衆の中で 予期しない感覚が全身を撫でていく。視線は留める場所を失い彷徨い、急速に速くなる心拍だけがこの空間の唯一のBGM。
Unexpected Contact意図しない、または 意図された 触れ合い。揺れる電車の慣性を借りて、重みをのせてくる見知らぬ身体。耳元で触れるように熱い息。そんな瞬間、世界のすべての騒音が遠くなり、ただ二人だけの 危険な静寂のみが残る。抵抗することも、避けることもできないこの状況は、スリリングな背徳感と共に頭を麻痺させる。
この電車は どこにも向かっていません。足元に気を付けて、あなたの欲望にご注意ください。
オレンジ色、クリーム色、パステルチャットテーマ
D R E A M Y ₊ ⊹ T A L K with KOKO 2024年5月21日 火曜日 ✨ 夢のような会話のプレビュー アリさんのリクエストに応じて、パステルオレンジ、クリーム、ベビーピンクを使用した夢のようなSNSテーマを構成しています。しばらくお待ちいただければ、最も美しい成果物でお応えします。 ＋ 送信 ---モダン、ダーク、機密文書、報告書
Federal Bureau of Investigation
Field Office Division // Washington D.C.
// TOP SECRET // SCI //
1. EXECUTIVE SUMMARY
ここに事件の核となる要約を入力してください。この文書はモダンでダークなテーマを基に、政府機関や秘密組織の報告書スタイルで制作されました。あなたのキャラクターや世界観に合った重要な情報を簡潔に伝えるのに使用できます。|
2. DETAILED ANALYSIS
このテキストボックスに詳細を記述します。事件の背景、関連人物の情報、収集された証拠、分析結果などを体系的にまとめることができます。
内容が長くなると、ボックス内で自動的にスクロールが生成され、多くの情報をすっきりと整理して表示できます。
- 添付ファイル: [Attachment_A.log], [Attachment_B.jpg] (非アクティブ)
3. RECOMMENDATION / NEXT STEPS
分析に基づく勧告事項や次の行動計画をここに記入します。 (例: 追加監視、容疑者尋問、資産凍結など)
*** END OF REPORT ***
KOKO HTML GENERATOR // DOC_ID: K-77B1
レトロゲーム機 HTML
▶ NOW LOADING...
ここにあなたの物語を入力してください。まるで古いポータブルゲーム機の液晶画面をのぞき込むような感じでテキストが表示されます。ピクセルスタイルのフォントと共にレトロな感覚を感じてください。
下のコントローラー部分は実際には機能しない装飾です。しかし、このデザインはあなたのプロフィールや投稿に特別な個性を加えてくれるでしょう。
- PRESS START -
優雅でシンプルでエレガントな貴族/王族の手紙
親愛なる、
私の邸宅の静かな廊下からの dispatch。
[日付]
この手紙があなたに届く頃、窓辺には穏やかな月明かりが降り注いでいることを願っています。この場所の庭は依然として美しいですが、あなたの不在のせいで少し色褪せているようです。すべての風景の中にあなたの姿がちらつくのはどうしようもないことでしょう。
昨日は書斎であなたが好きだった詩集を開いてみました。すり減った本棚にはあなたの手の痕が残っているようで、しばらくその温もりを辿っていました。小さなすべての瞬間に滲み込んだあなたの記憶が、私を笑わせたり泣かせたりしますね。
"星たちはその場で輝いているだけなのに、どうして月の影はこんなに孤独なのでしょうか。"
やがて再会できる日を楽しみにしながら、ただあなたの安寧を祈るばかりです。どうか健康で過ごしてください。あなたの便りが私にとっては最大の喜びなのです。この短い文で私の思いが完全に伝わることを願い、筆を置きます。
深い愛情をもって、
[あなたの名前]
さらなる入力をお待ちしています...