1. Identify the desired playground type from the user's request (e.g., design, data exploration, concept mapping).
2. Load the corresponding template from the `templates/` directory.
3. Populate the template with relevant controls, a live preview, and a prompt output section.
4. Implement the state management pattern to ensure live updates on control changes.
5. Craft the prompt output to be a natural language instruction, including only non-default values.
6. Add sensible defaults and presets for a good initial user experience.
7. Open the generated HTML file in a browser for testing and usage.
SynapticSkills