### 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.
### 8.5 What is a Switch block and what is it for?
The Switch block allows routing the flow to an indefinite number of different outputs (unlike the Condition which only handles True/False). It is ideal for analyzing the textual response of an AI (e.g., several possible keywords) and triggering the corresponding action.
---