Works with Cursor

Cursor WebsiteTemplates & Prompts

Open an AI-ready Astro template in Cursor, or paste component prompts into agent chat, and review every change as a diff before you accept it.

Cursor is a code editor with AI built in, based on Visual Studio Code. You open a project folder, chat with an agent, and it edits files across the project while you see each change as a diff you can accept or reject.

That review step is the main reason to use Cursor with Weblisy: templates and prompts produce a lot of code, and you can check each edit before it lands in your project.

Read the step-by-step guide: customize a website template with Cursor

Start from a template in Cursor

Open the template as a folder and talk to the agent about it.

  1. Open the folder

    Unzip the template and open the folder in Cursor from the File menu. The built-in terminal lets you install dependencies and start the dev server without leaving the editor.

  2. Set project rules

    Add rules in the .cursor/rules folder, or an AGENTS.md file, with your brand, colors and constraints such as keep the existing fonts. Cursor applies them to the agent's work.

  3. Edit with the agent

    Open agent chat, reference files with @ and ask for one change at a time. Review each diff, accept what looks right and reject the rest.

Add a section from a prompt

Paste a Weblisy prompt into agent chat and point it at the page where the section belongs.

  1. Copy the prompt

    Open a component in the catalog, check the live preview, then use Copy Prompt. It describes the full section: layout, CSS, motion and image URLs.

  2. Reference your page

    Type @ and pick the page or component the section belongs to, then paste the prompt and ask the agent to follow the project's existing styles.

  3. Accept, test, adjust

    Open the diff, accept the changes you want and check the page in the browser. Send follow-ups in the same chat for small adjustments.

Starter prompt for Cursor
Add the section described below as a new component on the page I referenced with @ (for example @src/pages/index.astro), after the hero. Match the fonts and colors already used in this project, keep every link as a placeholder (#), and do not edit other files.

[Paste the Weblisy component prompt here]

Replace the bracketed line with the prompt you copied from Weblisy.

Tips and good to know

  • Use rules for repeated instructions

    Instead of repeating keep the fonts in every message, store it once in project rules and the agent follows it every time.

  • Choose a local chat for MCP

    If you connect Weblisy through MCP, use a local chat: cloud agents cannot see MCP servers added on your computer.

  • Review before accepting

    Large prompts can touch several files. Read each diff and reject anything unrelated to the section you asked for.

Use Weblisy inside Cursor

Subscribers can add Weblisy to Cursor from the MCP list in Settings, then ask the agent to search components and read their prompts and code. The MCP page has the exact steps.

MCP setup guide

Questions about Cursor

Do I need to know Astro to use a Weblisy template in Cursor?

No. Describe what you want to change and the agent edits the right files. Knowing the basics helps when you review diffs, but it is not required.

Can I use Weblisy prompts in an existing project?

Yes. Open your project, reference the page or component with @ and paste the prompt. Ask the agent to match your current styles and leave other files alone.

Should I use agent chat or Tab completion?

Use agent chat for adding sections and editing templates. Tab completion helps while you edit code by hand.

Will Cursor match the design exactly?

It aims to follow the prompt closely, but results depend on the model you choose. Compare with the Weblisy preview and ask for corrections.

Want to try first? The Michael template and a selection of component prompts are free.See what's free

Using another AI tool?

Every guide covers a different workflow.

Weblisy is an independent product. It is not affiliated with, sponsored by or endorsed by Anysphere. All product names are trademarks of their respective owners.