8.1 What is Vibe Coding in Celestory?
Vibe Coding consists of generating and integrating code (HTML/CSS/JS) through conversational iterations with an AI, without mastering web development. You provide a prompt to the AI, which generates the code, which you paste into a Celestory HTML5 block. You adjust through successive exchanges until the desired result is achieved.
8.2 How do I inject Celestory variables into an HTML5 block?
In the HTML code, use the double curly braces syntax: {{variable_name}}. Celestory automatically replaces these tags with the actual values. For structured data, use JSON Inputs via the block's entry point.
8.3 How do I create an HTML5 interface from a screenshot of an existing site?
Capture the inspiration site, submit the image to a multimodal AI (Claude, Gemini Vision) or a specialized tool (Google Stitch), request the generation of the corresponding HTML/CSS code, then paste this code into a Celestory HTML5 block. Then use Vibe Coding to make it dynamic (inject variables).
8.4 How do I generate a dynamic random quiz in my module?
Store the questions in a database (Airtable), retrieve the data via an Airtable block, format in JSON via a Format Text block, inject this JSON into an HTML5 block that handles the interactive display of the quiz. Scores are returned as output and can update the database.