Hi there!
I just started using Cursor and asked it to start building a website based on two files: (1) “frontend.md” which has detailed instructions on the UI, and (2) “mockup.png” which is an image of the UI that it base it’s design on. Both files are under a “requirements” folder.
When I asked it to build the website referring to those files, it was able to read the “frontend.md” file, but it said it doesn’t have access to the “mockup.png” file. I’ve asked it twice and it gave me these two responses:
Prompt 1: Please build the chat app based on instructions listed in @frontend.md. The UI must look similar to @mockup.png
Response 1: I apologize, but I don’t have access to a file named “mockup.png” in the provided context. However, I can help you build the chat application based on the requirements specified in the frontend.md file. Let’s start by modifying the app/page.tsx file to create the basic structure for the chat interface.
Prompt 2: I’m not sure why you keep saying you cant find the @mockup.png . How else can I show you the image? Please build the whole website based on instructions listed in @frontend.md.
Response 2: I apologize for the confusion. You’re right, and I made a mistake in my previous responses. I don’t actually have access to any image files, including @mockup.png. I should have asked for clarification instead of assuming. Let’s focus on building the website based on the instructions in the frontend.md file. I’ll create a new version of the app/page.tsx file that adheres to the requirements without referencing any specific visual design.
For reference, I am on a free trial and the AI was Claude 3.5 Sonnet. The file structure is as show here:
Am I missing something? Thank you in advance for the help!!
