How to Use Cursor Composer (Dec 2025)

1) Open Composer

• Shortcut: Ctrl+I (Windows/Linux) or Cmd+I (macOS) to open the Composer panel.
• Command Palette: Ctrl+Shift+P / Cmd+Shift+P → type “Composer” → open.

2) Give a specific prompt

Describe the goal and the files/paths to touch. Example:

Add a /profile page:
- New route at app/profile/page.tsx
- Fetch user data from /api/user
- Show name/email/avatar
- Add nav link in components/Nav.tsx
- Use existing Tailwind styles

Specific paths and conventions reduce rework.

3) Review proposed edits

Composer returns a diff set (adds/modifies multiple files). For each file you can:

• ✅ Accept
• ❌ Reject
• ✏️ Ask for revisions (e.g., “Use our Button component”)

Nothing is applied until you approve.

4) Iterate

Refine with follow-ups:

• “Add loading/error states.”
• “Follow components/Card.tsx spacing.”
• “Use our useAuth hook for user data.”

Composer builds on prior context instead of starting over.

5) Test and polish

After accepting, run your tests/lint and rerun Composer for fixes:

Fix the failing tests in __tests__/profile.test.ts

Tips for better results

• Anchor to repo structure: mention file paths and existing patterns.
• Keep prompts scoped: one feature/refactor per run.
• Provide examples: “Match ProductCard layout.”
• Review diffs carefully before applying to main branches.

Source

• Cursor product and pricing details: https://cursor.com/pricing

Explore more AI IDE workflows in our directory.