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で解決できます。もし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意図しない、あるいは 意図した そっとした接触。揺れる電車の慣性を借りて、重さをもたらす見知らぬ身体。耳元に触れるか触れないかの熱い息。瞬間、世界中の騒音が遠くなり、ただ2人だけの 危険な静寂だけが残る。抵抗も、避けることもできないこの状況は、スリリングな背徳感とともに脳を麻痺させる。
この列車は どこにも 向かっていません。ステップに注意してください。そして あなたの欲望に注意してください。
オレンジ色、クリーム色、パステルチャットテーマ
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
分析に基づいた勧告や次の行動計画をここに記入します。 (例: 追加監視、容疑者尋問、資産凍結など)
*** REPORT END ***
KOKO HTML GENERATOR // DOC_ID: K-77B1
レトロゲーム機html
▶ NOW LOADING...
ここにあなたの物語を入力してください。まるで古い携帯ゲーム機の液晶画面を覗き込むような気持ちでテキストを表示します。ピクセルスタイルのフォントと共にレトロ感を感じてください。
下のコントローラー部分は実際には機能しない装飾です。しかしこのデザインはあなたのプロフィールや投稿に特別な個性を加えてくれるでしょう。
- PRESS START -
古風でシンプルで優雅な貴族/王族の手紙
親愛なる、
私の邸宅の静かな廊下からの派遣。
[日付]
この手紙があなたに届くころ、窓辺には穏やかな月明かりが降り注いでいますように。この場所の庭は未だ美しいですが、あなたの不在でどこか色褪せたようです。すべての風景にあなたの姿がちらつくのは避けられないと思います。
昨日、書斎であなたが好きだった詩集を開きました。すり減った本棚の一つ一つにあなたの手跡が残っているようで、しばらくその温もりを感じました。ささいなすべての瞬間に染み込んだあなたの記憶が、私を笑顔にも泣かせもします。
"星々はその場で輝いているだけなのに、どうして月の影はこんなにも孤独なのか。"
近いうちに再会する日を待ち焦がれ、ただあなたの平穏を祈るばかりです。どうか健康でいてください。あなたの便りが私にとって最大の喜びだからです。この短い文章で私の心が完全に伝わりますように、ペンを置きます。
深い愛情を込めて、
[あなたの名前]
次の入力を待っています...