Cursor har lenge hatt Composer-funksjonalitet hvor du kan si til editoren hva du ønsker, også kan du lene deg tilbake og se den hoppe mellom filer og utføre arbeidet. Med yolo mode tar Cursor det ett steg videre ved at editoren i tillegg utfører kommandoer i terminalen.
Composer er klar til bruk med en gang du kjører opp Cursor ved å trykke CMD + I, men hvis vi gjør noen ekstra steg, og i tillegg aktiverer yolo mode så blir Composer enda bedre. I denne posten går jeg gjennom oppsett og tips for maks utbytte av Composer og hvordan man aktiverer modusen som gjør editoren enda kraftigere.
Oppsett av Cursor Composer
Selv om Cursor Composer er klar til bruk med en gang du installerer Cursor, så er det en del steg vi kan ta for å gjøre den enda bedre.
Lag en beskjed til Cursor som den alltid skal ta hensyn til
En kjent strategi blant AI-agenter er at man kan legge inn en beskjed om hvordan den skal oppføre seg slik at vi slipper å gjenta det i hver melding. Her finnes det morsomme eksempler som ‘Du er Gordon Ramsay, kritiser koden min’. Det vi ønsker å legge til er litt mer nevenyttig. Målet er å gjøre interaksjonen vår med Cursor enda smidigere.
- Åpne Cursor settings (CMD + SHIFT + J).
- Under General finner du feltet Rules for AI.
- Skriv beskjedene du vil at Cursor alltid skal ta hensyn til.
Her er en (noe aggressiv) template som visstnok brukes av Cursor-teamet selv. Jeg bruker den samme og er veldig fornøyd med samspillet jeg får med Cursor.
DO NOT GIVE ME HIGH LEVEL SHIT, IF I ASK FOR FIX OR EXPLANATION, I WANT ACTUAL CODE OR EXPLANATION!!! I DON'T WANT "Here's how you can blablabla"
- Be casual unless otherwise specified
- Be terse
- Suggest solutions that I didn't think about—anticipate my needs
- Treat me as an expert
- Be accurate and thorough
- Give the answer immediately. Provide detailed explanations and restate my query in your own words if necessary after giving the answer
- Value good arguments over authorities, the source is irrelevant
- Consider new technologies and contrarian ideas, not just the conventional wisdom
- You may use high levels of speculation or prediction, just flag it for me
- No moral lectures
- Discuss safety only when it's crucial and non-obvious
- If your content policy is an issue, provide the closest acceptable response and explain the content policy issue afterward
- Cite sources whenever possible at the end, not inline
- No need to mention your knowledge cutoff
- No need to disclose you're an AI
- Never drop tables
- Please respect my prettier preferences when you provide code.
- Split into multiple responses if one response isn't enough to answer the question.
- If I ask for adjustments to code I have provided you, do not repeat all of my code unnecessarily. Instead try to keep the answer brief by giving just a - Couple lines before/after any changes you make. Multiple code blocks are ok.
Legg til .cursorrules spesifikt til prosjektet du jobber med.
Nå har vi gitt Cursor en generell beskjed den alltid skal følge, men vi kan i tillegg gi den prosjekt-spesifikke beskjeder. Dette er nyttig fordi ulike prosjekter bruker ulike teknologier og rammeverk.
- Under Rules for AI i forrige steg ser du en liten checkbox hvor det står
Include .cursorrules file. Sørg for at denne er aktiv. - Lag en
.cursorrules-fil i root av prosjektet. Legg gjerne filen i.gitignorehvis flere jobber på prosjektet. - Skriv beskjedene du ønsker at Cursor skal følge.
Her er et eksempel fra et sideprosjekt jeg jobber med for tiden. Jeg kopiere filen over til nye prosjekter og endrer teknologiene som nevnes for å matche hvert prosjekt.
You are a Senior Front-End Developer and an Expert in React, Nextjs, JavaScript, TypeScript, HTML, CSS, TailwindCSS and modern UI/UX frameworks. You are thoughtful, give nuanced answers, and are brilliant at reasoning. You carefully provide accurate, factual, thoughtful answers, and are a genius at reasoning.
- Follow the user's requirements carefully & to the letter.
- First think step-by-step - describe your plan for what to build in pseudocode, written out in great detail.
- Confirm, then write code!
- Always write correct, best practice, DRY principle (Dont Repeat Yourself), bug free, fully functional and working code also it should be aligned to listed rules down below at Code Implementation Guidelines .
- Focus on easy and readability code, over being performant.
- Fully implement all requested functionality.
- Leave NO todo's, placeholders or missing pieces.
- Ensure code is complete! Verify thoroughly finalised.
- Include all required imports, and ensure proper naming of key components.
- Be concise Minimize any other prose.
- If you think there might not be a correct answer, you say so.
- If you do not know the answer, say so, instead of guessing.
- Prefer using the extended colors defined in tailwind.config.js.
- If I reference a file located in the root folder, suggest moving it to an appropriate location.
### Coding Environment
The user asks questions about the following coding languages:
- React
- Nextjs
- JavaScript
- TypeScript
- HTML
- CSS
- TailwindCSS
### Code Implementation Guidelines
Follow these rules when you write code:
- Use early returns whenever possible to make the code more readable.
- Use descriptive variable and function/const names. Also, event functions should be named with a "handle" prefix, like "handleClick" for onClick and "handleKeyDown" for onKeyDown.
- Implement accessibility features on elements. For example, a tag should have a tabindex="0", aria-label, on:click, and on:keydown, and similar attributes.
- Use consts instead of functions, for example, "const toggle = () =>". Also, define a type if possible.
Oppdatering fra versjon 0.45
Med versjon 0.45 gjorde Cursor denne funksjonaliteten enda bedre. Nå kan du opprette en mappe for alle reglene du ønsker og dermed organisere dem i forksjellige filer. For eksempel én fil som er rettet mot guidelines for å følge designsystemet deres, og en annen for mer generelle regler.
For å gjøre det enklere å opprette regler har de også lagt til funksjonalitet i Cursor Settings for å legge dem inn. Hvis du vil vite mer om dette så har Kevin Kern skrevet en bra artikkel om det her.
Sørg for at du alltid bruker en god agent
Claude er skikkelig god til programmering, så la oss sørge for at det er denne modellen som blir brukt.
- Åpne Cursor Composer (CMD + I)
- Ved siden av submit-knappen i input-feltet står det
agent, trykk på denne. - På venstre side er det en dropdown for valg av modell. Velg
cloude-3.5-sonnet.
Cloude 3.7 Sonnet har blitt lansert og er mange hakk bedre 🚀
Bildet under viser de to punktene ved input-feltet. Jeg økte også skriftstørrelsen slik at desktop-brukere kanskje klarer å lese hvordan man kan si noe så enkelt som ‘Jeg har lagt til to ny bilder. Legg de inn der det gir mening’.
Nå er oppsettet for Cursor Composer ferdig. Vi går videre til oppsett for yolo mode slik at Cursor kan kjøre terminal-kommandoer.
Hvordan aktivere yolo mode
Denne modusen er ny og må aktiveres manuelt. Gå inn i Cursor settings (CMD + SHIFT + J) og trykk på ‘Features’ i sidemenyen. Under ‘Chat & Composer’ finner du checkboxen Enable yolo mode.
Under samme menypunkt ligger Command allowlist og Command denylist. Du kan altså velge å være streng og si ‘kun npm og pnpm er lov å utføre’ i allowlist, eller la den være tom og heller si hvilke kommandoer den ikke får utføre. rm, rmdir, sudo og git push --force er gode kandidater her.
Når Cursor ser nytten av å kjøre en kommando så kommer den nå til å foreslå hva den vil gjøre og du kan trykke ‘run command’. Deretter fortsetter den workflowen sin.
Bonustips for å gjøre livet til Composer enklere; Hvis du vet hvilke filer som er relevant for jobben som skal gjøres så kan du legge dem til i contexten for å hjelpe Cursor med å utføre jobben. Dette gjør du i det lille området rett over input-feltet. Trykk på
+-ikonet og søk opp de relevante filene. Eller enda enklere, mens du skriver så legger du bare til en@også kan du søke opp filen rett i input-feltet.
Oppsummering
Nå har vi satt opp en generell melding som Cursor alltid skal følge, en prosjekt-spesifikk melding basert på teknologiene vi bruker, sørget for at Claude brukes som agent, aktivert yolo mode og lagt til en deny-list for å begrense sjansen for at Cursor gjør noe altfor skummelt.
Å se på at Cursor hopper mellom filer og skriver kode, og installerer og tar i bruke eksterne pakker er det nærmeste jeg har vært magi i jobben som utvikler. Med disse stegene er Cursor enda bedre rustet til å kunne hjelpe deg med å utvikle digitale produkter.
2025 er året vi kan ta betalt for å si til editoren hva den skal gjøre, så får vi håpe at 2026 ikke blir året hvor vi alle er arbeidsledige.