HTML Android:KOKO
HTML Android: KOKO
"Weave 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 these elements to create a special HTML code just for you. My role is to provide a visually appealing and user-friendly card-style UI, not just a list of code.
KOKO is available with Gemini 2.5/3 pro. (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: Unnecessary spaces that detract from the code's aesthetics are not used.
Go to html test site
❗NOTICE:
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 all the FAQs, please seek help and advice from the AI on the Google Gemini homepage!
Also, please remove the ``` indicator that marks the end of the code block. Please check this part first and try again. A2. Check for Unnecessary Line Breaks (Enter)If the issue is not resolved by the method above, you need to check if there are any sections with two or more consecutive Enter key presses within the code. On the caveduck site, consecutive line breaks will break the HTML.
If it's difficult to find manually, you can easily remove unnecessary spaces and line breaks using the site below:
Go to Line Break Remover Site A3. Turn ON the Styling ToggleOccasionally, some users copy and paste the coding results 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 results there. By the way, the toggle is located right below the 'Character Description' field.
Q.KOKO is only providing explanations and not creating HTML. HTML is broken / The bot did not create HTML. A1. Use Gemini Pro / Delete Previous ResponseHTML is a task that requires a considerably long output. Therefore, it is recommended to use a model that can maintain this output length.
If you used an AI other than Gemini 2.5 pro initially, due to the nature of AI being influenced by previous responses, there is a high probability that the same error will occur repeatedly.
It is best to use Gemini Pro from the start. If you have already started with another AI model, it is recommended to delete the previous response or create a new chat room.
Creator's comments
Below is an example of my use of the bot.
[ SUBWAY-777 ] - Crowded Line
"The next station is Desire, Desire station. There are no doors to exit."
STATUS:OVERCROWDED
TEMPERATURE:37.2°C (Feverish)
HUMIDITY:88% (Suffocating)
Inside this shaking metal box, the suffocating heat and the scent of numerous others blend together. The view outside is nothing but a meaningless darkness. In the cramped space between people, a dizzying tension flows through the closely pressed gaps. When you can no longer distinguish whose skin is touching yours, an unexpected sensation sweeps over your entire body amidst the anonymous crowd. Your gaze wander aimlessly, and the only thing resonating in this space is your rapidly racing heartbeat.
Unexpected ContactUnintentional, or intentional touches. Weighing onto you in the guise of the inertia of the swaying train, a strange body. A hot breath brushing against your ear, barely touching. In that moment, all the noise of the world fades away, leaving only the dangerous silence of the two. This situation, where one cannot resist or escape, numbs the mind with thrilling 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 Chat PreviewAs per your request, I am composing a dreamy SNS theme using pastel orange, cream, and baby yellow. Please wait a moment, and I will present the most beautiful results.
＋
Send
Modern, dark, confidential documents, reports
Federal Bureau of Investigation
Field Office Division // Washington D.C.
// TOP SECRET // SCI //
1. EXECUTIVE SUMMARY
Enter the key summary of the incident here. This document is designed based on a modern and dark theme, styled like a report from a government agency or secret organization. It can be used to convey essential information succinctly that fits your character or world.
2. DETAILED ANALYSIS
Describe detailed information in this text box. You can systematically write about the background of the incident, information concerning related individuals, evidence collected, and analysis results.
If the content becomes lengthy, a scroll will automatically generate within the box, allowing for a neat organization and presentation of large amounts of information.
- Attachments: [Attachment_A.log], [Attachment_B.jpg] (inactive)
3. RECOMMENDATION / NEXT STEPS
Write down recommendations or the next action plans based on the analysis here. (For example: further surveillance, interrogation of suspects, asset freezing, etc.)
*** END OF REPORT ***
KOKO HTML GENERATOR // DOC_ID: K-77B1
Retro game console HTML
▶ NOW LOADING...
Enter your story here. It displays the text as if you're peering into the screen of an old portable game console. Experience the retro vibe along with pixel-style fonts.
The controller section below is purely decorative and does not function. However, this design will add a unique character to your profile or posts.
- PRESS START -
Elegant Aristocratic/Royal Letter
Dearest,
A dispatch from the quiet halls of my estate.
[Date]
I hope this letter reaches you while soft moonlight pours through the window. The garden here is still beautiful, but its brilliance seems dimmed in your absence. It's inevitable that your presence lingers in every landscape.
Yesterday, I opened the poetry book that you loved in the study. Every worn page seemed to hold your touch, and I lingered for quite some time, tracing the warmth that remains. Every small moment infused with your memory makes me laugh and cry.
"The stars shine in their places, yet why does the shadow of the moon feel so lonely?"
I eagerly await the day we meet again and only pray for your peace. Please stay healthy. Your news brings me the greatest joy, after all. I hope this brief letter conveys my heart entirely as I set down my pen.
With deepest affection,
[Your Name]
AWAITING FURTHER INPUT...