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で解決できます。もし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 ] - 混雑した路線
"この駅は、欲望、欲望駅です。降りる扉はありません。"
STATUS:過密
TEMPERATURE:37.2°C (発熱中)
HUMIDITY:88% (窒息するような)
揺れる鉄の箱の中、息が詰まるような熱気と他人の体臭が混ざり合っている。窓の外は意味を失った暗闇しかない。他人と他人の間にわずかに身動きできない空間、その密接な隙間から不安な緊張感が流れ込む。触れ合う肌が誰のものか分からなくなるとき、匿名の群衆の中で予期しない感覚が全身を駆け抜ける。視線は行く先を失って彷徨い、急速に高鳴る心臓の鼓動だけがこの空間の唯一のBGM。
思わぬ接触意図しない、或いは意図されたすれ違い。揺れる電車の慣性を言い訳にして重さをかけてくる見知らぬ身体。耳元に触れるか触れないかの熱い息。瞬間、世界のあらゆるノイズが遠のき、ただ二人だけの危険な静寂だけが残る。この状況で抵抗も回避もできないことはゾクゾクする裏切り感と共に脳裏を麻痺させる。
この電車はどこにも行きません。足元と欲望にお気をつけください。
オレンジ色、クリーム色、パステル チャット テーマ
D R E A M Y ₊ ⊹ T A L K with KOKO 2024年5月21日火曜日 ✨ 夢のような会話のプレビュー アリさんのリクエストに従い、パステルオレンジ、クリーム、ベビーヤローを使用した夢のようなSNSテーマを構成しています。もう少しお待ちいただければ、最も美しい成果物でお応えします。 ＋ 送信 ---モダン、ダーク、機密文書、報告書
連邦捜査局
フィールドオフィス部門 // ワシントン D.C.
// トップシークレット // SCI //
1. エグゼクティブサマリー
ここに事件の重要な要約を入力してください。この文書はモダンでダークなテーマに基づいており、政府機関や秘密組織の報告書スタイルで作成されています。あなたのキャラクターや世界観に合った重要な情報を簡潔に伝えるために使用できます。|
2. 詳細分析
このテキストボックスに詳細を記述します。事件の背景、関連人物情報、収集された証拠、分析結果などを体系的に記述することができます。
内容が長くなるとボックス内で自動的にスクロールが生成され、多くの情報を整理して表示することができます。
- 添付ファイル: [Attachment_A.log], [Attachment_B.jpg] (非アクティブ)
3. 推奨事項 / 次のステップ
分析に基づいた推奨事項や次の行動計画をここに記入します。（例：追加監視、容疑者尋問、資産凍結など）
*** 報告書の終わり ***
KOKO HTML GENERATOR // DOC_ID: K-77B1
レトロゲーム機 html
▶ NOW LOADING...
ここにあなたの物語を入力してください。まるで古い携帯ゲーム機の液晶画面を覗き込むような感じでテキストが表示されます。ピクセルスタイルのフォントと共にレトロな感覚を楽しんでください。
下のコントローラ部分は実際には動作しない装飾です。しかし、このデザインはあなたのプロフィールや投稿に特別な個性を加えてくれるでしょう。
- PRESS START -
優雅でシンプルな貴族/王族の手紙
親愛なる,
私の邸宅の静かな廊下からのdispatch。
[日付]
この手紙が貴方に届くころには、窓辺に穏やかな月明かりが降り注いでいることを願っています。こちらの庭は相変わらず美しいですが、あなたの不在でどこか色あせているように感じます。全ての風景の中にあなたの姿がちらついているのはどうしようもないことですね。
昨日、書斎であなたが好きだった詩集を開きました。すり減ったページの中にあなたの手の跡が残っているようで、しばらくその温もりを辿っていました。ささやかな全ての瞬間に浸透したあなたの記憶が、私を笑顔にさせたり泣かせたりします。
"星たちはその場で輝いているだけなのに、なぜ月の影はこんなに孤独なのか。"
間もなく再び出会える日を心待ちにし、ただあなたの平安を祈るばかりです。お元気で過ごしてください。あなたの便りが私にとって一番の喜びなのです。この短い文で私の気持ちが正しく伝わることを願い、ペンを置きます。
深い愛情を込めて、
[あなたの名前]
さらなる入力をお待ちしています...