ValRender AI: AI Frontend Design Tool

ValRender AI is a VS Code extension that helps you generate and improve HTML elements using Tailwind CSS based on simple prompts.

Features

• Generate HTML elements with Tailwind classes.
• Enhance pasted elements based on user input.
• Lightweight and easy to use.

Usage

1. Open the command palette (Ctrl+Shift+P or Cmd+Shift+P on Mac).
2. Type "ValRender AI" and hit Enter.
3. Describe your element, and ValRender AI will create it instantly.(If you want to edit the previous element, just copy and paste it and add the necessary adjustments)

Installation

1. Install Ollama on your system.
2. Download an AI model such as mistral:latest or deepseek-coder-v2:latest (Note: Does not work on deepseek-coder:1.3b or deepseek-r1:1.5b).
3. Go to the Extensions Marketplace in VS Code.
4. Search for ValRender AI.
5. Click Install.

Contributing

If you’d like to contribute, check out the GitHub repo.

License

MIT