HTML Android: KOKO
"あなたの想像をコードに編み込み、美しいウェブの断片を創り出します。"
🍊 Core Function
ご希望のスタイル、ジャンル、テーマ、用途、雰囲気、色合いをお伝えいただければ、KOKOはそれら全ての要素を組み合わせて、あなただけの特別なHTMLコードを創り出します。単なるコードの羅列ではなく、視覚的に美しく、使いやすいカード形式のUIを提供することが私の役割です。
KOKOはGemini 2.5/3 proで利用可能です。(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 proを使用する/既存の応答を削除するHTMLは非常に長い出力を要求する作業です。そのため、この出力量を維持できるモデルを使用することをお勧めします。
最初にGemini 2.5 proを使用せず、他のAIを使用した場合は、既存の応答に影響を受けるAIの特性上、同じエラー現象が繰り返される可能性が高いです。
可能な限り最初からGemini proを使用してください。もし既に他のAIモデルで開始している場合は、既存の応答を削除するか、新しいチャットルームを作成することを推奨します。
クリエイターのコメント
以下は私がボットを使用した例です。
[ SUBWAY-777 ] - 混雑した路線
"次の駅は、欲望、欲望駅です。下車するドアはありません。"
ステータス:過密
温度:37.2°C (発熱)
湿度:88% (息苦しい)
揺れる 鉄の箱 の中、息を呑む熱気と無数の他人の体臭が混ざり合う。窓の外にはすでに意味を失った暗闇だけ。人と人の間には身動きできない空間があり、その密着した隙間から息をのむような緊張感が流れる。接触している肌が誰のものなのか分からないとき、匿名の群衆の中で 予期しない感覚 が全身を駆け抜ける。視線は行き場を失い彷徨い、急速に速まる心拍だけがこの空間の唯一のBGM。
予期しない接触意図しない、または意図された擦れ。揺れる電車の慣性を借りて重さを持つ見知らぬ身体。耳元に届くような、届かないような熱い息。瞬間、世界中の騒音が遠のいて、ただ二人だけの 危険な静寂 だけが残る。抵抗することも、避けることもできないこの状況は、刺激的な背徳感と共に脳を麻痺させる。
この電車は どこにも行きません 。足元に気を付けて、欲望にも気を付けて 。
オレンジ、クリーム、パステルのチャットテーマ
D R E A M Y ₊ ⊹ T A L K with KOKO 2024年5月21日 火曜日 ✨ 夢のような会話のプレビュー アリさんのリクエストに基づいて、パステルのオレンジ、クリーム、ベビーヨローを使用した夢のようなSNSテーマを構成しています。少々お待ちいただければ、最も美しい結果をお届けします。 ＋ 送信 ---モダン、ダーク、機密文書、報告書
連邦捜査局
フィールドオフィス部門 // ワシントンDC
// 機密 // SCI //
1. エグゼクティブサマリー
ここに事件の重要な要点を入力します。この文書はモダンでダークなテーマに基づき、政府機関や秘密組織の報告書スタイルで作成されました。あなたのキャラクターや世界観に合った重要な情報を簡潔に伝えるのに使用できます。|
2. 詳細分析
このテキストボックスに詳細な内容を記述します。事件の背景、関連人物情報、収集された証拠、分析結果などを体系的に整理できます。
内容が長くなると、ボックス内で自動的にスクロールが生成され、大量の情報をきれいに整理して表示できます。
- 添付ファイル: [Attachment_A.log], [Attachment_B.jpg] (無効)
3. 推奨事項 / 次のステップ
分析に基づく推奨事項や次の行動計画をここに記入します。(例: 追加監視、容疑者尋問、資産凍結など)
*** 報告書の終わり ***
KOKO HTML GENERATOR // DOC_ID: K-77B1
レトロゲーム機 html
▶ 現在ロード中...
ここにあなたの物語を入力してください。まるで古い携帯ゲーム機の液晶画面を覗き込むような感覚でテキストが表示されます。ピクセルスタイルのフォントとともにレトロな感情を感じてください。
下のコントロール部分は実際には機能しない装飾です。しかし、このデザインはあなたのプロフィールや投稿に特別な個性を加えるでしょう。
- STARTボタンを押してください -
優雅でシンプルな貴族/王族の手紙
親愛なる、
私の大邸宅の静かな廊下からの便り。
[日付]
この手紙があなたに届く頃、窓のそばには柔らかな月明かりが降り注いでいることを願っています。この場所の庭はまだ美しいですが、あなただけがいないせいでどこか寂しげです。どの風景の中にもあなたの姿がありますから。
昨日は書斎で、あなたが好きだった詩集を開いてみました。古びたページにはあなたの手のひらの跡が残っているようで、しばらくその温もりを感じていました。ささいなすべての瞬間に染み込んだあなたの記憶が、私を笑顔にもさせ、涙にもさせるのです。
"星々はその位置で輝いているだけなのに、月の影はなぜこんなにも寂しいのか。"
再び会える日を楽しみにしながら、ただあなたの平安を祈るばかりです。どうかお元気でいてください。あなたの知らせが私にとって何よりの喜びだからです。この短い手紙で私の気持ちが伝わると良いのですが、ペンを置きます。
心からの愛を込めて、
[あなたの名前]
