Claude 사용기

Claude Pro 플랜을 22달러에 결제하고 사용했던것, 사용기를 정리해본다.

클로드 파헤치기

클로드 파헤치기 1. 슈퍼클로드

페르소나를 지정해 더욱 전문적인 작업을 도움. 또한 플래그를 통해 사용할 MCP 지정, 추가 요구사항을 기입할 수 있다.
일반적으로 많이쓰는것들을 커스텀 커맨드로 정리해둔것. 또한 적절한 MCP들이 알아서 트리거됨.
클로드실행시 너는 백엔드 개발자야. ~~~해줘 라고 입력하는것과 유사한것.

/sc:design --persona-forntend --seq 블로그 어드민 페이지를 만들고싶어 라고 하면 만들어줌.
/sc:design --persona-forntend --seq --plan 블로그 어드민 페이지를 만들고싶어 라고 하면 플랜을 보여주고 만들지 물어봄

/sc:implement --ultrathink --plan --seq 블로그 어드민페이지 데이터베이스를 연동해줘 라고하면 조금 더 깊게(ultrathink) 고민하여 플랜을 보여준다

유용한 MCP들

1
2
3
4
claude mcp add --transport http context7 https://mcp.context7.com/mcp
claude mcp add sequential-thinking npx @modelcontextprotocol/server-sequential-thinking
claude mcp add magic npx @21st-dev/magic@latest
claude mcp add playwright npx @playwright/mcp@latest

참고 : https://principled-learning-2c9.notion.site/238dc93a597c806c8fe2d77d6bb14238

클로드 파헤치기 2. 서브에이전트

특정 유형의 작업을 처리하기 위해 호출할 수 있는 전문 AI 어시스턴트입니다. 이들은 사용자 정의 시스템 프롬프트, 도구 및 별도의 컨텍스트 창을 가진 작업별 구성을 제공하여 더 효율적인 문제 해결을 가능하게 합니다.
프로젝트가 길어짐에 따라 AI가 맥락을 놓치는걸 컨텍스트 오염이라하고 이를 해결할 수 있는게 서브에이전트이다.
즉 메인 에이전트가 있고 각각의 전문가(여러 서브에이전트)에게 일을 맡기는 형상. 각각의 기억, 작업공간을 갖고있기에 이점이 있다.

https://docs.anthropic.com/ko/docs/claude-code/sub-agents

클로드 파헤치기 3. 서브에이전트

playwright-mcp-server

LLM이 웹 페이지와 상호작용할 수 있도록 돕는 구조화된 접근성 스냅샷을 제공하는 서버

npm install -g @executeautomation/playwright-mcp-server 를 입력하여 설치하고

claude_desktop_config.json 을 아래를 추가했다.

1
2
3
4
"playwright": {
"command": "npx",
"args": ["-y", "@executeautomation/playwright-mcp-server"]
}

naver.com 에 접속해서 내일 날씨를 검색해봐

웹검색 활용

인천 - 보홀 왕복항공편 9월중 저렴한것들 html로 만들어줘. 왕복 30만원이하여야돼

Share