모음집으로

개발·코드 리뷰 스킬

요구사항 정리부터 구현, 디버깅과 검토까지.

66개 스킬

66개 스킬 검색 결과

모음집에 담긴 스킬 66

24 / 66개

brainstorming

Claude / Claude Code · OpenAI · Codex · Gemini CLI · Grok Build

코딩 전에 요구사항 구체화하기

만들 기능의 목적, 제약과 설계 선택지를 먼저 정리합니다.

커뮤니티플러그인 설치AI 요금 확인
얻는 결과

검토 가능한 기능 설계

개발·코드 리뷰스킬 열기

systematic-debugging

Claude / Claude Code · OpenAI · Codex · Gemini CLI · Grok Build

버그의 원인부터 추적하기

재현, 증거 수집, 가설 검증을 통해 오류 원인을 좁힙니다.

커뮤니티플러그인 설치AI 요금 확인
얻는 결과

원인 설명과 수정안

개발·코드 리뷰스킬 열기

requesting-code-review

Claude / Claude Code · OpenAI · Codex · Gemini CLI · Grok Build

구현 결과의 코드 리뷰 요청하기

변경 범위와 요구사항을 정리해 코드 검토를 준비합니다.

커뮤니티플러그인 설치AI 요금 확인
얻는 결과

핵심 검토 대상과 피드백

개발·코드 리뷰스킬 열기

test-driven-development

Claude / Claude Code · OpenAI · Codex · Gemini CLI · Grok Build

실패하는 테스트부터 구현하기

요구 동작을 테스트로 확인한 뒤 구현과 정리를 진행합니다.

커뮤니티플러그인 설치AI 요금 확인
얻는 결과

동작을 검증하는 테스트와 코드

개발·코드 리뷰스킬 열기
Claude

skill-creator

Claude / Claude Code

나만의 스킬 만들고 개선하기

반복 작업을 스킬로 정리하고 예시 작업으로 성능을 점검합니다.

공식 배포스킬 설치AI 요금 확인
얻는 결과

스킬 초안과 검증 결과

개발·코드 리뷰스킬 열기
Claude

web-artifacts-builder

Claude / Claude Code

복잡한 인터랙티브 화면 만들기

React 기반의 상태 관리와 여러 컴포넌트를 갖춘 웹 결과물을 만듭니다.

공식 배포스킬 설치AI 요금 확인
얻는 결과

인터랙티브 웹 화면

개발·코드 리뷰스킬 열기
Claude

webapp-testing

Claude / Claude Code

웹앱 버튼·화면 동작 검사하기

브라우저로 로컬 웹앱을 조작하며 화면, 동작과 오류를 확인합니다.

공식 배포스킬 설치AI 요금 확인
얻는 결과

재현 단계와 화면·오류 확인 결과

개발·코드 리뷰스킬 열기
Gemini

code-review-commons

Gemini CLI

Gemini 코드 리뷰 기준 적용하기

코드 리뷰 확장에서 변경 사항을 일관된 기준으로 검토하도록 돕습니다.

공식 배포확장 설치AI 요금 확인
얻는 결과

검토 근거와 수정 제안

개발·코드 리뷰스킬 열기

dispatching-parallel-agents

Claude / Claude Code · OpenAI · Codex · Gemini CLI · Grok Build

독립 작업을 나눠 진행하기

서로 의존하지 않는 작업을 구분해 병렬 작업 단위로 나눕니다.

커뮤니티플러그인 설치AI 요금 확인
얻는 결과

분리된 작업 범위와 취합 기준

개발·코드 리뷰스킬 열기

executing-plans

Claude / Claude Code · OpenAI · Codex · Gemini CLI · Grok Build

구현 계획을 단계별로 실행하기

정리된 계획을 순서대로 수행하고 각 단계의 결과를 확인합니다.

커뮤니티플러그인 설치AI 요금 확인
얻는 결과

완료한 변경과 검증 기록

개발·코드 리뷰스킬 열기

finishing-a-development-branch

Claude / Claude Code · OpenAI · Codex · Gemini CLI · Grok Build

완성한 개발 작업 마무리하기

개발 결과와 테스트를 점검한 뒤 브랜치 통합 방법을 정리합니다.

커뮤니티플러그인 설치AI 요금 확인
얻는 결과

통합 선택지와 정리된 변경

개발·코드 리뷰스킬 열기

receiving-code-review

Claude / Claude Code · OpenAI · Codex · Gemini CLI · Grok Build

코드 리뷰 의견 검토·반영하기

받은 의견이 맞는지 확인한 뒤 필요한 수정을 적용합니다.

커뮤니티플러그인 설치AI 요금 확인
얻는 결과

검증한 의견과 수정 내용

개발·코드 리뷰스킬 열기

subagent-driven-development

Claude / Claude Code · OpenAI · Codex · Gemini CLI · Grok Build

구현을 작업 단위로 나누기

독립된 구현 작업을 맡기고 검토를 거쳐 결과를 합칩니다.

커뮤니티플러그인 설치AI 요금 확인
얻는 결과

통합한 구현 및 검토 기록

개발·코드 리뷰스킬 열기

using-git-worktrees

Claude / Claude Code · OpenAI · Codex · Gemini CLI · Grok Build

작업별 Git 공간 분리하기

서로 다른 변경이 섞이지 않도록 별도의 Git 작업 공간을 준비합니다.

커뮤니티플러그인 설치AI 요금 확인
얻는 결과

분리된 작업 디렉터리

개발·코드 리뷰스킬 열기

using-superpowers

Claude / Claude Code · OpenAI · Codex · Gemini CLI · Grok Build

작업에 맞는 개발 스킬 고르기

Superpowers 스킬을 찾아 어떤 단계에 적용할지 정리합니다.

커뮤니티플러그인 설치AI 요금 확인
얻는 결과

필요한 스킬과 진행 흐름

개발·코드 리뷰스킬 열기

verification-before-completion

Claude / Claude Code · OpenAI · Codex · Gemini CLI · Grok Build

완료 선언 전 실제 결과 확인하기

성공 주장 전에 필요한 실행 결과와 증거를 확인합니다.

커뮤니티플러그인 설치AI 요금 확인
얻는 결과

근거가 있는 완료 상태

개발·코드 리뷰스킬 열기

writing-plans

Claude / Claude Code · OpenAI · Codex · Gemini CLI · Grok Build

요구사항을 실행 계획으로 바꾸기

큰 작업을 확인 가능한 구현 단계와 검증 항목으로 나눕니다.

커뮤니티플러그인 설치AI 요금 확인
얻는 결과

단계별 구현 계획

개발·코드 리뷰스킬 열기

writing-skills

Claude / Claude Code · OpenAI · Codex · Gemini CLI · Grok Build

반복 절차를 개발 스킬로 만들기

재사용할 작업 절차를 스킬로 작성하고 동작을 확인합니다.

커뮤니티플러그인 설치AI 요금 확인
얻는 결과

검토한 스킬 문서

개발·코드 리뷰스킬 열기
OpenAI

frontend-app-builder

OpenAI · Codex

아이디어를 웹앱 화면으로 만들기

요구사항에 맞는 화면을 설계하고 구현과 브라우저 확인을 진행합니다.

공식 배포플러그인 설치AI 요금 확인
얻는 결과

작동하는 프런트엔드 화면

개발·코드 리뷰스킬 열기
OpenAI

frontend-testing-debugging

OpenAI · Codex

깨진 레이아웃·동작 고치기

실제 화면과 콘솔 오류를 확인하며 웹앱 문제를 좁힙니다.

공식 배포플러그인 설치AI 요금 확인
얻는 결과

수정한 화면과 동작 확인 결과

개발·코드 리뷰스킬 열기
OpenAI

react-best-practices

OpenAI · Codex

React 성능·구조 개선하기

React·Next.js의 데이터 로딩, 렌더링과 코드 구조를 점검합니다.

공식 배포플러그인 설치AI 요금 확인
얻는 결과

근거가 있는 개선안

개발·코드 리뷰스킬 열기
OpenAI

shadcn-best-practices

OpenAI · Codex

shadcn 컴포넌트 구성·수정하기

프로젝트 맥락에 맞춰 shadcn 컴포넌트를 추가하고 조합합니다.

공식 배포플러그인 설치AI 요금 확인
얻는 결과

프로젝트에 맞는 UI 구성

개발·코드 리뷰스킬 열기
OpenAI

figma-design-to-code

OpenAI · Codex

Figma 화면을 코드로 구현하기

디자인 맥락과 자산을 읽어 실제 UI 코드로 옮깁니다.

공식 배포앱 연결 필요AI 요금 확인
얻는 결과

디자인에 맞춘 UI 코드

개발·코드 리뷰스킬 열기