HTML Android:KOKO
HTML Android: KOKO
"Weaving your imagination into code, creating beautiful pieces of the web."
🍊 Core Function
Tell me the **style, genre, theme, purpose, mood, and colors** you want, and KOKO will combine all those elements to create a special HTML code just for you. My role is not just to list code, but to **provide a visually appealing and user-friendly card-style UI**. **
KOKO is available with Gemini or Claude Opus (MoMo or Huey models are not available❌).**
◆ Animation Test Module ◆
💧 Available
CSS is Inline: All styles are applied directly within the tag.
<span>, <p>, <div>: The core of layout and design!
<strong>: Bold text emphasis
<br>: Line break
<em>: Italic
<a>: Link
⚙️ Restricted
Spaces and whitespace characters: Avoid unnecessary spaces that detract from the code's aesthetics.
Go to html test site
❗NOTICE:
The creator @KO45 is not a coding expert, so they will no longer be accepting coding-related questions. Most issues can be resolved through the FAQ below. If you still encounter errors after following the FAQ, please seek help and advice from the AI on the Google Gemini homepage!
Also, please remove the ``` marker that indicates the end of the code block. Please check this part first and try again. A2. Check for Unnecessary Line Breaks (Enter)If the above method doesn't resolve the issue, you need to check if there are any sections with more than one consecutive Enter (line break). On the caveduck site, consecutive line breaks will break the HTML.
If it's difficult to find manually, you can use the following site to easily remove unnecessary spaces and line breaks:
Go to Line Break Remover Site A3. Turn ON the Styling ToggleOccasionally, some users paste the coding output into the prompt input field (world-building description, character description).
You need to turn ON the 'Show separate explanation to user (optional)' toggle and then enter the HTML coding output there. By the way, the toggle is located right below the 'Character Description' field.
Q.KOKO is only providing explanations and not generating HTML. HTML cutoff / Bot did not create HTML. A1. Use Gemini / Delete Previous ResponseHTML requires a significantly long output. Therefore, it's best to use a model that can maintain this output length.
If you used an AI other than Gemini initially, due to the nature of AI being influenced by previous responses, there's a high chance the same error will recur.
It's preferable to use Gemini Pro from the start. However, if you've already started with another AI model, it's recommended to delete the previous response or create a new chat room.
Creator's comments
Below is an example of how I used the bot.
[ SUBWAY-777 ] - Crowded Line
"This station is Desire, Desire station. There are no doors to get off."
STATUS:OVERCROWDED
TEMPERATURE:37.2°C (Feverish)
HUMIDITY:88% (Suffocating)
Inside the rattling metal box, the suffocating heat and the scents of numerous others mix together. The view outside has already lost all meaning, enveloped in darkness. Between people, there is no space to move, and an intense tension flows through the closeness. When skin touches skin and one cannot discern whose it is, an unexpected sensation sweeps over the body from the anonymous crowd. The gaze wanders, losing itself, with only the heartbeat quickening as the sole background music of this space.
Unexpected ContactUnintentional or intentional brushes. A foreign body leaning into your weight, taking advantage of the inertia of the swaying train. A hot breath brushing against your ear, almost touching. In that moment, all the noise of the world fades away, and nothing remains but a dangerous silence just between the two of you. This situation, which cannot be resisted or avoided, numbs the mind with a thrilling sense of betrayal.
This train is bound for NOWHERE. Please watch your step and your desires.
Orange, Cream, Pastel Chat Theme
D R E A M Y ₊ ⊹ T A L K with KOKO Tuesday, May 21, 2024 ✨ Dreamy Conversation Preview In response to Ari’s request, I am creating a dreamy SNS theme using pastel orange, cream, and baby yellow. Please wait a moment, and I'll deliver the most beautiful result. ＋ Send ---Modern, Dark, Confidential Document, Report
Federal Bureau of Investigation
Field Office Division // Washington D.C.
// TOP SECRET // SCI //
1. EXECUTIVE SUMMARY
Enter the core summary of the case here. This document is designed based on a modern and dark theme, styled like reports from governmental agencies or secret organizations. It can be used to convey essential information concisely, tailored to your character or world view.|
2. DETAILED ANALYSIS
Describe the details in this text box. Background of the incident, information about related individuals, collected evidence, analysis results, etc. can be systematically documented here.
If the content gets long, automatic scrolling will be generated within the box, keeping large amounts of information organized and readable.
- Attachments: [Attachment_A.log], [Attachment_B.jpg] (inactive)
3. RECOMMENDATION / NEXT STEPS
Enter recommendations or next action plans based on analysis here. (e.g., further surveillance, interrogating suspects, freezing assets, etc.)
*** END OF REPORT ***
KOKO HTML GENERATOR // DOC_ID: K-77B1
Retro Game Console HTML
▶ NOW LOADING...
Enter your story here. The text is displayed like looking at the screen of an old handheld game console. Enjoy the retro feeling with pixel-style fonts.
The controller part below is purely decorative and does not actually work. However, this design will add special character to your profile or post.
- PRESS START -
Elegant and Simple Aristocratic/Royal Letter
Dearest,
A dispatch from the quiet halls of my estate.
[Date]
By the time this letter reaches you, I hope the gentle moonlight is falling by your window. The garden here is still beautiful, yet it seems somewhere it has faded due to your absence. It is unavoidable that your figure flickers in every landscape.
Yesterday, I opened the poetry book you liked in the study. It felt as if your touch remained on every worn page, and I lingered over that warmth for quite some time. The memory of you has seeped into every trivial moment, bringing me both smiles and tears.
"The stars shine in their places, yet why does the shadow of the moon feel so lonely?"
I await the day we meet again, simply praying for your peace. Please take care of yourself, for your news is my greatest joy. I hope my heart is conveyed in this short writing as I lay down my pen.
With deepest affection,
[Your Name]
AWAITING FURTHER INPUT...