yuvalsuede/ai-component-generator

ai-component-generator's Issues

Prompt hacking

Have you think how to handle it?

The AI can’t or don’t want to build code?

I have asked this:
Responsive table on mobile, tablet and desktop with sorting and filtering functions

Maybe keyword "functions" was misleading?

Please add Chakra-ui

THX

supporting components of multiple frameworks/libraries

Suggestion for supporting components of multiple frameworks/libraries

I have a suggestion for a new feature that could support components from multiple frameworks and libraries, such as React, Vue, Astro, and Svelte. This feature could include a dropdown menu that allows users to select which framework or library they would like to use. Based on that selection, the appropriate prompts would be generated for generating components using the chosen framework or library.

I believe this would be a valuable addition to the project, as it would provide users with more flexibility and choice when creating components. If you think this suggestion is worth considering, please let me know and I'd be happy to discuss it further.

Thank you for your time and consideration.

core question

Do you use natural language or programming language?
The answer is: programming language.

natural language example:

create item component , and have options , when touch move left , show options ........  `300+ words`

Copy and paste but... Error & This is not what i want & to re-describe

programming language

 <ion-item-sliding>
    <ion-item>
      <ion-label>Sliding Item with End Options</ion-label>
    </ion-item>

    <ion-item-options>
      <ion-item-option>Favorite</ion-item-option>
      <ion-item-option color="danger">Delete</ion-item-option>
    </ion-item-options>
 </ion-item-sliding>

Yes, this is what I want.

Natural language is not precise enough, if it were precise and abstract enough, it would already be a programming language.

No have Strong AI ,and only just search recognizer,

Offer the possibility to return either HTML, or full code

If possible, a checkbox like "show me the result instead of the code" (or vice-versa) could be great

Because when you try, for instance, to make an Angular component, you get parts of code, and parts of HTML :

As you can see, the HTML part of the code is getting displayed as rendered HTML, but not the rest of the code

RIBAN

good crypto

Please add sveltekit :)

thx

API returns 502 after 1 min

https://ai2ui.co/api/generate API returns code 502 after 1 minute which is the cause of failure for 99% of my requests.
I had to make the prompt 1 word long to speed up the generation and not get 502.

How to set server side address on the local running?

Hi I am already running it on my local by "npm run dev" or "npm run start", But every time I click the "make my day" button, it always got the "Internal Server Error" for connecting the local server, Is there one way to test on the local? Thank you very much.

request: preview code below

Would be great to be able to preview the code below the component and not have to copy and paste it into an editor.