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 these elements to create a special HTML code just for you. My role is not just to list code, but to provide visually appealing and user-friendly card-type 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
Spacing and Whitespace Characters: Avoid unnecessary spaces that detract from the code's aesthetics.
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 the FAQ, please seek help and advice from 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 problem persists after trying the above, check if there are any sections with two or more consecutive Enter key presses (line breaks) 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 following site:
Go to the Line Break Removal Site A3. Turn ON the Styling ToggleOccasionally, some users copy and paste the coding results into the prompt input field (world description, character description).
You need to turn ON the 'Show separate explanation to user (optional)' toggle and then enter your 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 generating HTML. HTML is broken / The bot did not create HTML. A1. Use Gemini / Delete Previous ResponseHTML is a task that requires a fairly long output. Therefore, it is recommended to use a model that can maintain this output length.
If you used an AI other than Gemini at the beginning, 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 get off."
STATUS:OVERCROWDED
TEMPERATURE:37.2°C (Feverish)
HUMIDITY:88% (Suffocating)
Inside the clattering iron box, stifling heat and the scent of countless others mingle together. Outside the window, there is only darkness devoid of meaning. In the constrained space between people, a dizzying tension flows through the tightly packed gaps. When you can't distinguish whose skin is touching yours, an unexpected sensation sweeps across your whole body among the anonymous crowd. Eyes wander aimlessly, and the only BGM of this space is the rapidly quickening heartbeat.
Unexpected ContactUnintentional, or intentional brushes. A foreign body leans in, using the inertia of the shaking train as an excuse to add weight. A hot breath brushes past your ear as if it may touch. In that moment, all the noise of the world fades away leaving only the two of you in dangerous silence. This situation, which cannot be resisted or avoided, shocks and paralyzes the mind with exhilarating 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 Kwith KOKOTuesday, May 21, 2024✨ Dreamy conversation previewPer your request, I am structuring a dreamy SNS theme using pastel orange, cream, and baby yellow. Please wait a moment; I will respond with 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
Here you can input the key summary of the case. This document is based on a modern and dark theme, styled like a government agency or secret organization's report. It can be used to concisely convey essential information suited to your character or world view.|
2. DETAILED ANALYSIS
This text box describes detailed content. You can systematically present the background of the incident, information about related individuals, collected evidence, and analytical results.
If the content is lengthy, an automatic scrolling feature will be generated 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
Here, you input recommendations based on the analysis or the next action plans. (e.g., additional surveillance, suspect questioning, asset freezing, etc.)
*** END OF REPORT ***
KOKO HTML GENERATOR // DOC_ID: K-77B1
Retro Game Console HTML
▶ NOW LOADING...
Enter your story here. It presents the text as if looking into an old portable game console's LCD screen. Experience the retro vibes with pixel-style fonts.
The controller section below is merely decorative and does not function. However, this design will add a special personality 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, may soft moonlight be shining in your window. The garden here remains beautiful, yet somewhere it seems to have lost its luster due to your absence. It is inevitable that your figure flickers in every scenery.
Yesterday, I opened the poetry collection you loved in the study. It felt as if your touch remained on the worn pages, and I lingered over that warmth for a long time. The memory of you, permeating every trivial moment, makes me smile and weep.
"The stars shine in their place, yet why is the moon's shadow so lonely?"
Looking forward to the day we shall meet again soon, I can only pray for your peace. I wish you to stay healthy since your news brings me the greatest joy. I put down my pen, hoping this short letter conveys my heart completely.
With deepest affection,
[Your Name]
AWAITING FURTHER INPUT...