Quick HTML and Markdown by soph_k
First, this isn’t guide for writing HTML or for Markdown formatting. This is a guide on how to use them in the Isekai Zero platform use case.
Now, to the guide itself.
When you were writing one of your characters or storylines you might have seen this in the player-facing prompt:
Which means that you can use Markdown to make your prompt generally more legible, or use HTML to make this:
One important thing to note is that both markdown signs and HTML code counts as tokens, and the HTML code can cost a LOT of tokens. So, only use HTML when you have an AI-facing prompt that is separate from the player-facing one.
When the prompts are separated like that, the player-facing plot is not read by the AI, and its tokens don’t count for the cost of the storyline or character. It’s just fluff for the eye of the potential player, to attract them to your story.
Markdown
Markdown is a tool to make text more easily legible. It can be used for the player-facing plot, but it’s not nearly as flashy as HTML. Still, if you can’t get yourself to code some HTML, it’s better than not having anything.
But the place where I personally use Markdown is in the AI-facing prompts, like the prompt plot and the guideline. But with a caveat.
Using Markdown in those places has a big pro and a big con. It makes the text more legible, making it a lot easier to find and edit information later when the thing becomes too big. On the other side, each markdown char is a new token to be accounted for, increasing the cost.
I like to make my text easily legible for me, and my prompts often spiral into big chunks, so I often have to deal with that pain.
So, I always write with Markdown, it makes things easier for me to navigate while I’m reading. At the end, before publishing, I check the token cost. If it spiralled, I paste the text to a google doc and use the find and replace tool to replace all the * and # for empty characters.
The final result ends up looking something like this:
That makes things still easy to navigate, better than a wall of text with long paragraphs.
HTML
Coding by Hand or Vibes
This isn’t a complex website or a system with security issues. It’s just a box that makes a bit of text look flashy.
You can code it by hand, and that’s alright, but you don’t need to. This day and age, you don’t even need to fully understand html before doing it - though understanding how it works will make your life a lot easier when things go south.
Coding all those colors and formatting by hand might be tiresome and time-consuming. Today, there are several tools to help you with that so you can focus your energy in creating interesting stories.
As for myself, I use Figma to design and then get ChatGPT to do the coding. You can find the workflow and tools that suit you best.
Body vs Div
The Isekai Zero platform is not a full HTML document renderer.
It does not parse , , , or .
Instead, it injects whatever you write inside an existing page that already has its own , , and .
So, when you include those tags yourself, the renderer just breaks.
So your content must star with a container element and assume the page already exists.
Think of it as:
❌ Will break or be ignored:
✅ What the platform expects:
Important nuance:
The embedded renderer still allows: