Back to .md Directory

Windsurf 치트시트

Summarises Windsurf AI IDE shortcuts, Cascade agent modes, indexing setup, prompt patterns, and tool comparisons in a single-page reference.

May 2, 2026
0 downloads
2 views
ai agent claude cursor copilot
View source

What this file does

Summarises Windsurf AI IDE shortcuts, Cascade agent modes, indexing setup, prompt patterns, and tool comparisons in a single-page reference.

When to use it

  • Learning Windsurf keyboard shortcuts and Cascade modes
  • Setting up project-level AI rules with.windsurfrules
  • Writing effective multi-file prompts for Cascade
  • Comparing Windsurf with Cursor and Copilot

Assumes this stack

WindsurfNext.jsTypeScriptTailwind CSSSupabase

Windsurf 치트시트

Windsurf(구 Codeium) AI IDE 핵심 기능과 Cascade 에이전트 활용법 — 한 페이지 요약

Cascade 에이전트 핵심 단축키

단축키 (macOS / Windows)기능
Cmd+L / Ctrl+LCascade 채팅 열기
Cmd+I / Ctrl+I인라인 편집 (선택 영역)
Cmd+Shift+L / Ctrl+Shift+L새 Cascade 세션 시작
Cmd+Enter멀티라인 프롬프트 전송
TabSupercomplete 자동완성 수락
Esc자동완성 제안 무시
Cmd+. / Ctrl+.인라인 제안 수락/거절 토글

Cascade 모드 비교

모드용도특징
Write새 코드 생성파일 생성, 멀티파일 편집, 터미널 명령 실행
Chat질문/분석코드 수정 없이 설명만 제공
Edit인라인 수정선택한 코드 블록만 수정

프로젝트 인덱싱 활용

Windsurf는 프로젝트 전체를 자동 인덱싱해서 컨텍스트를 파악해요.

# .windsurfrules 파일로 프로젝트 컨텍스트 설정
# 프로젝트 루트에 생성

이 프로젝트는 Next.js 14 + TypeScript 기반이에요.
- src/app/ 디렉토리는 App Router를 사용해요
- Tailwind CSS로 스타일링해요
- Supabase를 백엔드로 사용해요
설정위치설명
.windsurfrules프로젝트 루트프로젝트별 AI 행동 규칙
Global RulesSettings → Cascade전역 AI 규칙 설정
Memory자동이전 대화 컨텍스트 자동 기억

효과적인 Cascade 프롬프트 패턴

멀티파일 수정 요청

src/components/에 있는 모든 Button 컴포넌트를
새로운 디자인 시스템에 맞게 업데이트해줘.
- variant prop 추가 (primary, secondary, ghost)
- Tailwind 클래스 사용
- 기존 테스트도 같이 수정

프로젝트 구조 분석

이 프로젝트의 폴더 구조를 분석하고
개선할 점을 알려줘. 수정하지 말고 분석만.

디버깅

이 에러를 분석해줘:
[에러 메시지 붙여넣기]

관련 파일을 찾아서 원인과 해결 방법을 알려줘.

Supercomplete vs 일반 자동완성

기능Supercomplete일반 자동완성
범위여러 줄 예측현재 줄만
컨텍스트프로젝트 전체 분석현재 파일 위주
동작다음 행동 예측타이핑 기반 제안
수락TabTab

Windsurf vs Cursor vs Copilot 비교

항목WindsurfCursorGitHub Copilot
기반VS Code 포크VS Code 포크VS Code 확장
에이전트CascadeComposerWorkspace Agent
인덱싱자동 전체 인덱싱코드베이스 인덱싱레포 인덱싱
멀티파일 편집✅✅✅
터미널 통합✅ 명령 실행✅ 명령 실행⚠️ 제한적
무료 플랜크레딧 제한 있음2주 체험월 $10
특장점자연스러운 흐름정밀한 코드 이해GitHub 생태계 통합

흔한 실수 & 해결

실수해결
Cascade가 엉뚱한 파일을 수정.windsurfrules에 수정 범위를 명시
인덱싱이 느림Settings에서 제외할 폴더 설정 (node_modules, .git)
자동완성이 안 나옴Supercomplete 활성화 확인 (Settings → Cascade)
이전 컨텍스트를 잊음@파일명으로 명시적 참조 추가
긴 대화에서 품질 저하새 Cascade 세션 시작 (Cmd+Shift+L)

유용한 @멘션 기능

멘션용도
@파일명특정 파일을 컨텍스트에 추가
@폴더명폴더 전체를 참조
@Web웹 검색 결과 참조
@Docs공식 문서 검색
@Codebase프로젝트 전체 검색

더 자세한 가이드: claude-code/playbooks

뉴스레터: maily.so/tenbuilder

What's inside

8 sections: shortcuts, modes, indexing, prompts, autocomplete, comparison, mistakes, mentions

Change this for your project

  • Replace Next.js 14 + TypeScript with your own framework and language
  • Replace src/app/ with your own source directory structure
  • Replace Supabase with your own backend service

Where it goes

Save in docs/ or the repository root. Gives agents and new contributors a map of the codebase.

Worth borrowing

  • Using a.windsurfrules file to define project context for AI
  • Structuring prompts with explicit scope (e.g., '수정하지 말고 분석만')
  • Leveraging @mentions to reference files, folders, or web search

Related Documents