SuperPowersAI 코딩 에이전트 프레임워크로, Claude Code를 기반으로 개발 워크플로우를 자동화한다.Codex도 지원된다고 해서 설치해봤다. Codex에서 설치하기Fetch and follow instructions from https://raw.githubusercontent.com/obra/superpowers/refs/heads/main/.codex/INSTALL.md설치 후 재시작하면 된다. 기본 워크플로우1. 브레인스토밍 코드를 작성하기 전에 활성화됩니다. 질문을 통해 초기 아이디어를 다듬고, 대안을 탐색하며, 검증을 위해 설계를 부분별로 제시합니다. 설계 문서를 저장합니다. 2. using-git-worktrees설계 승인 후 활성화됩니다. 새 브랜치에 격리된 작업 공간을 생성..

웹이나 IDE 내 Chat UI만 쓰다가,이제는 `CLI`환경에 좀 익숙해져야겠다 싶어서 최근에 Gemini CLI, Codex CLI를 본격적으로 써보고 있다. 결론부터 말하면, 지금은 Codex를 꽤 만족하면서 사용 중이다. Gemini CLI는 왜 접었는가Gemini CLI는 솔직히 진입 장벽이 있었다.인증이 자주 풀림채팅을 거의 안 했는데도 토큰 초과Pro 구독 중인데도 사용량 제한 체감그래서 현재는:웹 브라우저모바일 앱Antigravity에서만 사용 중이다.`CLI` 환경에서는 생산성이 잘 나오지 않았다. 기존에 내가 쓰던 조합Claude Sonnet 4.5 → 코드 작성용Cursor Composer → 빠른 응답 + 무난한 품질(가끔) 다른 모델모델 선정할 때도 그렇고 항상 claude son..

Skills와 Subagent의 차이1. Skills란 무엇인가?Skills는 에이전트가 특정 작업을 수행하기 위해 참조하는 '실행 가능한 도구 세트' 이다.구조: 에이전트에게 제공되는 API 명세서나 함수(Tools)들의 집합체에 가깝다.특징: 에이전트가 "어떻게 UI를 개선할까?"라고 고민할 때, 자신의 기본 모델에는 없는 '디자인 가이드라인 검색'이나 '코드 변환' 능력을 `Skills`로부터 빌려와 직접 실행한다. 2. Skills vs Subagent: 무엇이 다른가?Skills: 기능 (Functionality)Subagent: 역할 (Role)구분Skills (기술/도구) Subagent (하위 요원)정체성메인 에이전트가 사용하는 무기메인 에이전트가 고용한 조수작동 방식메인 에이전트가 직접 ..

요즘 개발 트렌드를 보면 코드 짜는 것 자체보다 디버깅에 쏟는 시간이 훨씬 길어지는 것 같다. 특히 `Cursor`, `ChatGPT` 같은 AI 코딩 도구의 도움으로 코드를 빠르게 생성할 수록, 생성된 코드를 읽고 이해하며 잠재된 버그를 찾아내는 데 더 많은 시간이 필요하다는 아이러니한 상황에 직면하곤 한다. 😭 프론트엔드 개발자라면 UI 자동화 테스트의 중요성을 익히 알고 있을 것이다. 하지만 테스트 코드를 짜는 것만큼이나 어려운 것이 테스트 실패 시 원인 파악과 디버깅이다. 테스트 코드의 중요성을 알지만, 테스트 코드를 작성하는 비용 때문에 망설이는 개발자도 많은 것 같다. (일단 나부터 그러하다.) 매번 브라우저를 띄워 수동으로 재현해보고, 콘솔 로그를 뒤져보고... 이 과정에서 소중한 개..

오늘은 아주 유용한 크롬 확장 프로그램을 소개하려고 한다. Sider란 Sider라는 챗지피티를 활용한 프로그램인데, 말그대로 사이드바를 띄워서 챗지피티를 이용할 수 있는 확장 프로그램이다. 웹 브라우저에서 검색과 동시에 챗지피티 기능을 사용을 할 수 있다. 설치방법 아래 링크를 통해 크롬 확장 프로그램을 설치할 수 있다. https://chrome.google.com/webstore/detail/sider-chatgpt-sidebar-gpt/difoiogjjojoaoomphldepapgpbgkhkb Sider - ChatGPT Sidebar with GPT-4 모든 페이지에서 AI 비서로서의 ChatGPT 사이드바 chrome.google.com 설치하고 나면 오른쪽 상단에 아이콘이 활성화된다. 아이콘..