"Hey guys, there's this thing called the wheel. It makes transporting goods and people from point A to B much easier than using 4 people to lift the carriage." -type energy. Welcome to the year 2000 vibe-coders. 😅
A lot of people are arguing that HTML burns more tokens than markdown. It's true but you can save at least 40% by externalizing the CSS to a template with <link rel="stylesheet" href="./styles.css">. This style.css is your formatting so the LLM will never output CSS again.
I tested on a 12116 token HTML article and it dropped to 6,723 tokens so -44%!
You'll have this:
<div class="card">
<span class="badge">External CSS</span>
<h1>Hello, world.</h1>
<p>...</p>
</div>
Instead of this:
<style>
.card { /* 20 lines */ }
.badge { /* 12 lines */ }
h1 { /* 8 lines */ }
/* ...and ~100 more */
</style>
<div class="card">...</div>