Vibe Coding

개발 프롬프트

Codex·Cursor·Claude Code가 놓치지 않는 작업 지시서를 구조화합니다.

Vibe Ready

작업 조건

AI가 놓치면 안 되는 내용을 체크하세요.

사용 AIFramework무엇을 만들고 싶나요?

기본 안전장치

추가 조건

완성된 프롬프트

복사해서 AI 코딩 도구에 바로 붙여 넣으세요.

Codex Promptmarkdown

현재 프로젝트 구조와 package.json을 먼저 분석한 뒤 작업해줘.

## 목표
회원가입 기능을 추가하고 싶어.

## 현재 프로젝트 확인
- 기존 기술 스택과 라우팅 방식을 확인할 것
- 이미 구현된 기능과 공통 컴포넌트를 우선 재사용할 것
- 대상 환경: Next.js
- 사용할 AI 도구: Codex

## 구현 요구사항
- 요청한 기능이 실제 사용자 흐름에서 동작하도록 구현할 것

## 제약사항
- 기존 기능 유지
- 기존 디자인 유지
- 불필요한 리팩터링 금지
- 기존 DB 재사용
- 새로운 dependency 최소화

## 검증
- TypeScript 오류 확인
- Build 실행
- 보안 문제 확인

## 완료 후
- 변경 파일과 구현 내용을 요약할 것
- 실행 결과와 남은 주의사항을 알려줄 것

APPLY WITH AI

이 결과를 내 프로젝트에 적용하기

입력 내용은 전송되지 않아요

사용 도구

프레임워크

적용 프롬프트

현재 프로젝트 구조를 먼저 분석해줘.

## 목표
Prompt Builder에서 만든 결과를 현재 프로젝트에 적용해줘.

## 환경
- AI 도구: Codex
- 프레임워크: Auto

## 요구사항
- 기존 디자인과 기능은 변경하지 말 것
- 기존 설정과 충돌 여부를 먼저 확인할 것
- 생성 결과의 파일 경로와 참조 경로가 일치하는지 확인할 것
- 현재 프레임워크의 권장 방식을 따를 것

## 제약사항
- 불필요한 리팩터링 금지
- 새로운 dependency 최소화
- 민감한 값을 코드나 저장소에 포함하지 말 것

## 검증
- TypeScript 오류 확인
- build 실행
- 적용 결과와 변경 파일을 설명할 것

QUICK GUIDE

사용 전 알아두세요

AI API를 호출하나요?

아니요. 선택한 조건을 템플릿에 조합하므로 비용 없이 브라우저에서 바로 결과를 만듭니다.

좋은 작업 결과를 받으려면

목표에 화면, 데이터, 예외 상황, 완료 기준을 구체적으로 적을수록 AI가 범위를 정확히 이해합니다.