# WeWeb AI - Creating Components

**URL:** <https://community.weweb.io/t/weweb-ai-creating-components/18675>\
**Category:** Developer corner\
**Created:** [June 10, 2025, 10:51am UTC](https://community.weweb.io/t/weweb-ai-creating-components/18675 "2025-06-10T10:51:17Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![emdiemeric](https://avatars.discourse-cdn.com/v4/letter/e/e9bcb4/32.png) [@emdiemeric](https://community.weweb.io/u/emdiemeric)\
**Post date:** [June 10, 2025, 10:51am UTC](https://community.weweb.io/t/weweb-ai-creating-components/18675/1 "2025-06-10T10:51:17Z")

</div>

Hi all,

So between errors from WeWeb AI I tried to generate a few components.

The issue that I found is that I keep asking for a fix and the AI says its done, but its not included.

i.e. I have a tree dowp-down selector. I asked to an arrow for the users to use to get the dropdown values.

MY question is 🙂  
What is the best way to continue to iterate this? Keep asking over and over or is there a way t extract this and put into claude/cursor/chatgpt to fix it?

Thanks.

---

<div class="post-metadata">

**Author:** ![Batik\_Okazov](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/batik_okazov/32/12688_2.png) [@Batik\_Okazov](https://community.weweb.io/u/Batik_Okazov)\
**Post date:** [June 10, 2025, 12:56pm UTC](https://community.weweb.io/t/weweb-ai-creating-components/18675/2 "2025-06-10T12:56:43Z")

</div>

hi,

I think there’s no solid answer for that. Because with Weweb AI, you don’t have to do much. It handles all the changes in all element files automatically. So, sometimes it’s reasonable to make several attempts to get it working.

On the other hand, if the number of iterations \> 5, then I would recommend migrating to external LLMs or IDEs. But in this case you should be pretty careful, as you need to explain the element files thoroughly to the LLM. And after that always do version comparison to ensure make sure that AI didn’t erase (or mutate) part of the existing code.

In this terms Cursor may be more comfortable.

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [June 10, 2025, 1:17pm UTC](https://community.weweb.io/t/weweb-ai-creating-components/18675/3 "2025-06-10T13:17:36Z")

</div>

Just use other AI tools and import the code into WeWeb. The current AI doesn’t really make it worth it.

---

<div class="post-metadata">

**Author:** ![emdiemeric](https://avatars.discourse-cdn.com/v4/letter/e/e9bcb4/32.png) [@emdiemeric](https://community.weweb.io/u/emdiemeric)\
**Post date:** [June 10, 2025, 1:30pm UTC](https://community.weweb.io/t/weweb-ai-creating-components/18675/4 "2025-06-10T13:30:12Z")

</div>

So how would you export this? Each file at a time or is there a way to export/link this to vs code/cursor ?

 ![Screenshot 2025-06-10 at 16.28.46](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/0/02659885b663b865a6db7ea79095a973d078a127.png)

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [June 10, 2025, 1:33pm UTC](https://community.weweb.io/t/weweb-ai-creating-components/18675/5 "2025-06-10T13:33:52Z")

</div>

Unfortunately there is not I think. You might wanna use VSC / Cursor as a starting point, at least I do it that way. I honestly have never used the WeWeb’s editor.

---

<div class="post-metadata">

**Author:** ![emdiemeric](https://avatars.discourse-cdn.com/v4/letter/e/e9bcb4/32.png) [@emdiemeric](https://community.weweb.io/u/emdiemeric)\
**Post date:** [June 10, 2025, 1:40pm UTC](https://community.weweb.io/t/weweb-ai-creating-components/18675/6 "2025-06-10T13:40:32Z")

</div>

do we have a tutorial on connecting weweb to vsc/cursor ?

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [June 10, 2025, 1:44pm UTC](https://community.weweb.io/t/weweb-ai-creating-components/18675/7 "2025-06-10T13:44:21Z")

</div>

There is some videos around, but the WeWeb team never delivered on a proper documentation, so it basically is a few people who wasted enough time on it to actually know how to develop them locally. You can check out Youtube, [https://developer.weweb.io/](https://developer.weweb.io/), or [hmu for a session](https://broberto.sk/consult), if you wanna learn on my wasted time and mistakes :d

---

<div class="post-metadata">

**Author:** ![Batik\_Okazov](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/batik_okazov/32/12688_2.png) [@Batik\_Okazov](https://community.weweb.io/u/Batik_Okazov)\
**Post date:** [June 10, 2025, 1:58pm UTC](https://community.weweb.io/t/weweb-ai-creating-components/18675/8 "2025-06-10T13:58:28Z")

</div>

There’s a little hint: every time you ask Weweb AI to generate anythin it also generates the AI.md file with a detailed description of component that was created.

Feed LLM with all the files you get from Weweb AI (including AI.md) and it almost always shortens the path to desired code.

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/8106c6a8b826051bdd884e8d6abc641dc9970d91.png)

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/4/48b0c994dad91299067dac15f3fdbc6ef446c89f.png)

---

<div class="post-metadata">

**Author:** ![emdiemeric](https://avatars.discourse-cdn.com/v4/letter/e/e9bcb4/32.png) [@emdiemeric](https://community.weweb.io/u/emdiemeric)\
**Post date:** [June 10, 2025, 2:02pm UTC](https://community.weweb.io/t/weweb-ai-creating-components/18675/9 "2025-06-10T14:02:43Z")

</div>

Interesting. So I would copy paste each one of these.

After that, do you just paste back in the weweb editor?

---

<div class="post-metadata">

**Author:** ![Batik\_Okazov](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/batik_okazov/32/12688_2.png) [@Batik\_Okazov](https://community.weweb.io/u/Batik_Okazov)\
**Post date:** [June 10, 2025, 2:09pm UTC](https://community.weweb.io/t/weweb-ai-creating-components/18675/10 "2025-06-10T14:09:55Z")

</div>

yep. And by this you create a new version of the component. So, all the versions are saved and you can switch between them if something goes wrong.

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/3/3f944d306af942ea9a7c2ac0b1f649e990b020ac.png)

---

<div class="post-metadata">

**Author:** ![Mark\_Pederson](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/mark_pederson/32/14758_2.png) [@Mark\_Pederson](https://community.weweb.io/u/Mark_Pederson)\
**Post date:** [June 13, 2025, 10:01pm UTC](https://community.weweb.io/t/weweb-ai-creating-components/18675/11 "2025-06-13T22:01:39Z")

</div>

I find this hard to believe … because … WeWeb should already be sending that to the LLM. If not … I REALLY would love to see what their system prompts are because that makes ZERO sense to me that that would not already be included in the LLM call.

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [June 14, 2025, 5:53am UTC](https://community.weweb.io/t/weweb-ai-creating-components/18675/12 "2025-06-14T05:53:10Z")

</div>

I seen the old version. It’s nothing fancy. They just tell the AI their conventions. Funnily enough. The prompt for the AI could have very easily be also turned easily into the dev docs, but they didn’t bother.

 ![IMG_0575](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/b/b7cbd94921bd31168b40c7acc0c3bc5c5eba04aa.png)

There is basically multiple prompts like this, talking about how to do a ww-config.js and how to interact with the WeWeb specific methods in Vue.js, after that, it’s just Vue.js development, there is also some details regarding that, because of course, WeWeb doesn’t work properly with the new Vue stuff, so they tell it to not use it.

---

<div class="post-metadata">

**Author:** ![Batik\_Okazov](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/batik_okazov/32/12688_2.png) [@Batik\_Okazov](https://community.weweb.io/u/Batik_Okazov)\
**Post date:** [June 14, 2025, 8:10am UTC](https://community.weweb.io/t/weweb-ai-creating-components/18675/13 "2025-06-14T08:10:12Z")

</div>

I think they are sending that to Weweb AI. I was talking about the case when you use external LLM outside Weweb.

---

<div class="post-metadata">

**Author:** ![Mark\_Pederson](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/mark_pederson/32/14758_2.png) [@Mark\_Pederson](https://community.weweb.io/u/Mark_Pederson)\
**Post date:** [June 14, 2025, 12:16pm UTC](https://community.weweb.io/t/weweb-ai-creating-components/18675/14 "2025-06-14T12:16:53Z")

</div>

> [@Batik\_Okazov](#):
>
> I was talking about the case when you use external LLM outside Weweb.

I see - that makes sense then.

---

<div class="post-metadata">

**Author:** ![Micah](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/micah/32/9102_2.png) [@Micah](https://community.weweb.io/u/Micah)\
**Post date:** [June 14, 2025, 4:11pm UTC](https://community.weweb.io/t/weweb-ai-creating-components/18675/15 "2025-06-14T16:11:11Z")

</div>

Happy 2 year community anniversary btw, thanks for all of your contributions!

---

<div class="post-metadata">

**Author:** ![emdiemeric](https://avatars.discourse-cdn.com/v4/letter/e/e9bcb4/32.png) [@emdiemeric](https://community.weweb.io/u/emdiemeric)\
**Post date:** [June 15, 2025, 10:43am UTC](https://community.weweb.io/t/weweb-ai-creating-components/18675/16 "2025-06-15T10:43:09Z")

</div>

Just to give everyone an update—I’ve been experimenting with WeWebAI. As expected, it still runs into the usual issues. In my case, I was trying to work on a dropdown component and made about 20–30 calls or iterations. Unfortunately, more than half of those attempts returned compilation errors.

To work around it, I extracted all the relevant files, added some context, and moved the process over to chatGPT and Claude. From version 20 through to about version 60, I made edits one by one—copy by copy—until I finally got the result I was after. There were still a few errors here and there, but the end result was functional.

So yes, tools like Claude or ChatGPT can help, but the key is to make sure you’re giving it _all_ the relevant files and context. That made a huge difference.
