# AI 웹제작 프롬프트 모음 100선

단계별로 바로 복사해서 쓸 수 있는 프롬프트 100개예요. [ ] 부분만 내 프로젝트에 맞게 바꿔주세요.

## 1. 기획

1. [서비스 소개]를 위한 홈페이지를 만들려고 해. 핵심 사용자와 핵심 기능부터 같이 정리해줘.
2. 지금 정리한 기획을 바탕으로 MVP(최소 기능 버전)에 꼭 필요한 기능만 3~5개 골라줘.
3. [경쟁 서비스명] 같은 사이트와 비교했을 때 우리 서비스만의 차별점을 3가지 제안해줘.
4. 이 서비스의 성공 지표(KPI)를 3개만 정해줘. 측정 가능한 숫자로 알려줘.
5. 이 프로젝트의 이름과 도메인 후보를 5개 추천해줘.
6. 방문자가 첫 화면에서 3초 안에 이해해야 할 핵심 메시지를 문장으로 만들어줘.
7. 이 서비스를 만드는 데 필요한 예상 일정을 주 단위로 나눠줘.
8. 이 프로젝트에서 법적으로 검토가 필요할 만한 항목(개인정보, 결제 등)을 나열해줘.
9. 우리 서비스의 브랜드 톤앤매너를 세 단어로 정의해줘.
10. 지금까지 정리한 내용을 요구사항 문서 형태로 정리해줘.

## 2. 메뉴·구조 설계

11. [서비스 소개]에 어울리는 상단 메뉴 구조를 제안해줘.
12. 로그인 전/후로 메뉴가 어떻게 달라지면 좋을지 제안해줘.
13. 마이페이지에 들어가면 좋을 항목을 나열해줘.
14. 관리자 메뉴는 어떤 항목이 필요할지 제안해줘.
15. 전체 화면 목록(사이트맵)을 표로 정리해줘.
16. URL 구조(라우트 이름)를 RESTful하게 설계해줘.
17. 모바일 화면에서 메뉴는 어떤 방식(햄버거 등)이 좋을지 제안해줘.
18. 검색 기능이 필요하다면 어떤 항목을 검색 대상으로 하면 좋을지 제안해줘.
19. 알림(공지, 댓글 알림 등) 메뉴 구조를 제안해줘.
20. Footer에 들어가야 할 항목을 나열해줘.

## 3. 디자인

21. [분위기 키워드]에 어울리는 컬러 팔레트(5색)를 hex 코드로 제안해줘.
22. 이 컬러 팔레트로 버튼, 카드, 배지 스타일 가이드를 만들어줘.
23. Tailwind CSS 기준으로 반응형 브레이크포인트별 레이아웃 규칙을 제안해줘.
24. 메인페이지 와이어프레임을 텍스트로 설명해줘(섹션 순서와 내용 중심으로).
25. 다크모드를 지원할지 말지, 지원한다면 어떤 방식이 좋을지 제안해줘.
26. 이 디자인이 색 대비 접근성 기준(WCAG AA)을 지키는지 점검해줘.
27. 로고 컨셉을 텍스트로 3가지 제안해줘.
28. 카드형 리스트와 테이블형 리스트 중 이 서비스에 더 어울리는 걸 이유와 함께 제안해줘.
29. 빈 상태(데이터 없음) 화면 문구를 친절한 톤으로 작성해줘.
30. 로딩 중 화면에 보여줄 문구를 3가지 제안해줘.

## 4. 구현지침서·설계

31. 지금까지 정리한 기획을 AI 개발도구가 이해할 수 있는 구현지침서 형태로 정리해줘.
32. 이 기능에 필요한 데이터베이스 테이블과 필드를 설계해줘.
33. 이 테이블 구조를 Laravel 마이그레이션 코드로 만들어줘.
34. 회원 권한(비로그인/일반회원/관리자)별로 접근 가능한 기능을 표로 정리해줘.
35. 이 기능의 완료 기준(Acceptance Criteria)을 체크리스트로 만들어줘.
36. API 형태가 아니라 서버사이드 렌더링(Blade) 기준으로 라우트 목록을 정리해줘.
37. 파일 업로드가 필요한 기능의 정책(용량, 허용 확장자)을 제안해줘.
38. 이 프로젝트에 필요한 알림/이메일 발송 시나리오를 정리해줘.
39. 지금 설계에서 빠뜨린 예외 상황이 있는지 점검해줘.
40. 이 설계를 초보자도 이해할 수 있게 단계별로 요약해줘.

## 5. 실제 개발 (Codex / Claude Code)

41. Laravel 12 프로젝트를 새로 만들고 기본 폴더 구조를 설명해줘.
42. 방금 만든 구현지침서를 참고해서 [테이블명] 마이그레이션과 모델을 만들어줘. 다른 파일은 건드리지 마.
43. [화면명] 페이지의 Blade 뷰와 라우트를 만들어줘. 기존 레이아웃(layouts.app)을 사용해줘.
44. 이 기능을 만들기 전에 어떤 파일을 새로 만들거나 수정할 예정인지 먼저 알려줘.
45. 방금 작업한 내용을 초보자도 이해할 수 있게 요약해서 설명해줘.
46. 이 코드에 이미 있는 디자인 스타일(Tailwind 클래스)을 그대로 유지하면서 기능만 추가해줘.
47. 이번 작업은 [범위]만 수정한다. 다른 컴포넌트나 페이지는 건드리지 마.
48. 지금까지 작업한 내용을 정리해서 Git commit 메시지를 만들어줘.
49. 이 기능에 필요한 유효성 검증(Validation) 규칙을 추가해줘.
50. 이 코드에 보안 취약점이 있는지 점검해줘.

## 6. 디버깅·오류 해결

51. 이 에러 메시지가 왜 발생했는지 원인을 초보자도 이해할 수 있게 설명해줘: [에러 메시지 붙여넣기]
52. 이 오류를 고치는 것뿐 아니라 왜 생겼는지도 같이 설명해줘.
53. 방금 수정한 파일 목록과 각 파일에서 바뀐 내용을 요약해줘.
54. `git diff` 결과를 보고 의도치 않은 변경이 있는지 점검해줘.
55. 이 오류를 재현하는 최소한의 방법을 알려줘.
56. 500 에러가 발생했는데 로그 파일에서 어떤 부분을 확인해야 하는지 알려줘.
57. 이 코드에서 발생할 수 있는 엣지 케이스(빈 값, 중복, 잘못된 입력)를 점검해줘.
58. 콘솔에 나온 에러를 보고 프론트엔드/백엔드 중 어디 문제인지 진단해줘.
59. 이 기능이 모바일에서도 정상 동작하는지 점검할 방법을 알려줘.
60. 지금까지 발생한 오류와 해결 방법을 나중에 참고할 수 있게 정리해줘.

## 7. 데이터베이스

61. 이 기능에 필요한 테이블 간 관계(1:N, N:M)를 설계해줘.
62. Eloquent 관계 메서드(hasMany, belongsTo 등)를 만들어줘.
63. 이 쿼리가 N+1 문제를 일으키는지 점검하고 최적화해줘.
64. 시드(Seeder) 데이터를 [개수]개 만들어줘.
65. 이 테이블에 인덱스가 필요한 컬럼이 있는지 점검해줘.
66. 데이터베이스 백업 절차를 초보자 기준으로 설명해줘.
67. 이 마이그레이션을 롤백해도 안전한지 점검해줘.
68. 회원 탈퇴 시 관련 데이터를 어떻게 처리할지(삭제/익명화) 제안해줘.
69. 이 테이블 구조에서 정규화가 더 필요한 부분이 있는지 점검해줘.
70. phpMyAdmin에서 이 데이터를 CSV로 내보내는 방법을 알려줘.

## 8. 반응형·프론트엔드

71. 이 페이지를 모바일 360~430px 화면에서 깨지지 않게 반응형으로 수정해줘.
72. 가로 스크롤이 생기는 원인을 찾아서 고쳐줘.
73. 이미지가 화면 크기에 맞게 자동으로 조절되도록 수정해줘.
74. 이 리스트를 PC에서는 3열, 모바일에서는 1열로 배치해줘.
75. 버튼과 입력창의 터치 영역이 모바일에서 충분히 큰지 점검해줘.
76. Alpine.js로 [기능명] 토글 UI를 만들어줘.
77. 이 폼에 실시간 유효성 검증 메시지를 추가해줘.
78. 이미지 업로드 시 미리보기가 보이도록 수정해줘.
79. 페이지 로딩 속도를 개선할 방법을 제안해줘.
80. 이 화면의 접근성(스크린리더, 키보드 탐색)을 점검해줘.

## 9. 보안·배포 준비

81. 이 폼에 CSRF 보호가 제대로 적용되어 있는지 점검해줘.
82. 사용자 입력값을 통해 XSS 공격이 가능한 부분이 있는지 점검해줘.
83. .env 파일에 있는 값 중 GitHub에 올라가면 안 되는 항목을 점검해줘.
84. 파일 업로드 기능에 보안 취약점이 없는지 점검해줘.
85. 관리자 페이지 접근 권한이 서버 단에서 제대로 검증되는지 점검해줘.
86. 운영 배포 전 최종 점검 체크리스트를 만들어줘.
87. 배포 시 필요한 환경변수 목록을 정리해줘.
88. HTTPS 적용 여부와 방법을 초보자 기준으로 설명해줘.
89. 서버 배포 절차를 단계별로 문서화해줘.
90. 배포 후 모니터링해야 할 항목을 제안해줘.

## 10. 운영·개선

91. 첫 방문자를 위한 온보딩 문구를 작성해줘.
92. 자주 묻는 질문(FAQ) 5개를 예상해서 만들어줘.
93. 오픈 후 방문자 피드백을 받을 채널을 어떻게 구성하면 좋을지 제안해줘.
94. 사용자 신고가 들어왔을 때 처리 절차를 문서화해줘.
95. 방문자 데이터를 분석해서 개선할 만한 부분을 제안해줘.
96. 검색엔진 최적화(SEO)를 위해 메타태그를 점검해줘.
97. 커뮤니티 활성화를 위한 이벤트 아이디어를 3개 제안해줘.
98. 서비스 운영정책 초안을 작성해줘.
99. 다음 업데이트에 추가하면 좋을 기능을 우선순위와 함께 제안해줘.
100. 지금까지의 개발 과정을 회고 형태로 정리해줘. 잘한 점과 다음에 개선할 점을 나눠서.