rubenhassid1/grenade ? reverse-engineered prompt

Build me a clean plain HTML version of this guide that makes the rules easy to understand in about 5 seconds.

I want a simple single page that explains how to make a good Claude artifact, with the main ideas laid out visually, not as a wall of text. It should feel like a real artifact people could forward to a teammate and skim fast. Put the most important rule and the main ways to use the page at the top, then break the rest into clear cards or sections with short, plain headings.

Please keep the look polished and minimal, with Claude like colors and typography, and make sure it works nicely on both desktop and mobile. Use real content from the guide, keep the wording straightforward, and avoid anything that feels like a generic dashboard or a long document. If you need to, look up current docs online for any details about artifact style or browser friendly HTML, but keep the result self contained and simple.