The Ai Website Builder is a powerful development tool designed to streamline the process of creating websites with the help of AI. Whether you're converting an image to code, generating code from a prompt, or kickstarting a new project, this builder provides an intuitive and efficient experience.
Features
Image to Code
Convert UI designs or website screenshots into functional code.
Automatically generates clean and structured code using the chosen framework.
Reduce development time by automating the front-end conversion process.
Prompt to Code, Project Starter Tool
Describe your website in natural language, and let AI generate the required code.
Quickly set up new web projects with predefined templates.
Generate structured and optimized project files based on your requirements.
Ensure best practices and coding standards with AI-assisted project scaffolding.
Getting Started
Installation
To install AI Website Builder, follow these steps:
Open Visual Studio Code or your preferred code editor.
Search for AI Website Builder in the extensions marketplace.
Click Install.
To use the Ai Website Builder extension:
Open Visual Studio Code.
Navigate to the Activity Bar and click on icon or Zazmic Website Builder.
Enter a prompt or upload an image in the input field.
Select a tech stack for code generation.
The extension will generate the required code. If the selected tech stack is HTML, the preview panel with the generated code will open automatically. If the selected tech stack is not HTML, an instruction on how to run the application will be provided instead.
A new folder named ai_website will be created in your workspace, containing the complete generated code.
Example with user prompt:
Example with user image:
Requirements
There are no additional requirements or dependencies for this extension.
Extension Settings
Currently, this extension does not contribute any additional VS Code settings.
