Step-by-step:
Create a new project in Cursor with an HTML and CSS file (the most recent version is needed); either use a template or instruct the Cursor agent to create a basic index.html + styles.css.
To install the live server extension, press CMD+Shift+P, look up "Open with Live Server," copy the URL, and paste it into the Cursor browser (CMD+Shift+B).
Turn on the element selector, click any element to modify its properties in the Design pane, or communicate your desired changes to the agent in the active chat.
To make changes, click Apply; to save, select "Keep" or "Keep All" (the agent adjusts classes automatically so that changes apply to all matching elements).
To install the live server extension, press CMD+Shift+P, look up "Open with Live Server," copy the URL, and paste it into the Cursor browser (CMD+Shift+B).
Turn on the element selector, click any element to modify its properties in the Design pane, or communicate your desired changes to the agent in the active chat.
To make changes, click Apply; to save, select "Keep" or "Keep All" (the agent adjusts classes automatically so that changes apply to all matching elements).
As you proceed, be sure to save your progress using Git. You can ask the agent to write Git commits for you, and Git will make it easy to undo any undesirable style changes.
Your one-stop shop for automation insights and news on artificial intelligence is EngineAi.
Did you like this article? Check out more of our knowledgeable resources:
📰 In-depth analysis and up-to-date AI news .
🤝 Visit to learn about our goal and knowledgeable staff.
📬 Use this link to share your project or schedule a free consultation.
Watch this space for weekly updates on digital transformation, process automation, and machine learning. Let us assist you in bringing the future into your company right now.
Did you like this article? Check out more of our knowledgeable resources:
📰 In-depth analysis and up-to-date AI news .
🤝 Visit to learn about our goal and knowledgeable staff.
📬 Use this link to share your project or schedule a free consultation.
Watch this space for weekly updates on digital transformation, process automation, and machine learning. Let us assist you in bringing the future into your company right now.