When "Slotting into an existing app", do you provide the LLM (V0, Lovable) with your own code for each one of the listed input examples?
From my experience of porting UIs form V0 to existing codebase, what works best for me is the following workflow (Using Claude 4):
1. Split the view in V0 into smaller parts: header, first row, left column, right column
2. Pick one part and copy generated component code only for that part from V0 over to Cursor. Provide it inline as context, ideally with a screenshot of what it looks like in V0.
3. Describe that I want "the looks" from V0 yet I want the LLM to integrate using components and logic which exists in the codebase (input validations, some styles etc.)
4. Ensure that everything is clear to the model by adding "Before you start coding, ask me questions to clear any ambiguities with me first."
5. Clear any ambiguities, plus provide extra context if anything comes to mind.
6. Let it code it up.
7. Test, provide feedback. I typically re-added the screenshot at this stage.
8. Start over by creating a new conversation and work on the next part of the UI from V0.
When "Slotting into an existing app", do you provide the LLM (V0, Lovable) with your own code for each one of the listed input examples?
From my experience of porting UIs form V0 to existing codebase, what works best for me is the following workflow (Using Claude 4):
1. Split the view in V0 into smaller parts: header, first row, left column, right column
2. Pick one part and copy generated component code only for that part from V0 over to Cursor. Provide it inline as context, ideally with a screenshot of what it looks like in V0.
3. Describe that I want "the looks" from V0 yet I want the LLM to integrate using components and logic which exists in the codebase (input validations, some styles etc.)
4. Ensure that everything is clear to the model by adding "Before you start coding, ask me questions to clear any ambiguities with me first."
5. Clear any ambiguities, plus provide extra context if anything comes to mind.
6. Let it code it up.
7. Test, provide feedback. I typically re-added the screenshot at this stage.
8. Start over by creating a new conversation and work on the next part of the UI from V0.