AI 실무 자동화
퍼블리셔를 위한 ChatGPT 프롬프트 작성법
DDODDO_LAB
2026. 2. 22. 11:05
반응형
웹 퍼블리셔가 ChatGPT를 실무 자동화 도구로 활용하는 방법. HTML 구조 생성, CSS 리팩토링, 반응형 설계용 프롬프트 템플릿 정리.
ChatGPT를 써도 실무에 도움이 안 되는 이유
많은 퍼블리셔가 이렇게 묻습니다.
프롬프트
버튼 코드 만들어줘그리고 결과가 마음에 안 들었다고 말합니다.
문제는 AI가 아니라
질문의 구조입니다.
퍼블리셔는 이렇게 질문해야 한다
AI는 “검색 엔진”이 아니라 조건 기반 생성 도구입니다.
❌ 버튼 코드 줘
⭕ 접근성 고려 + aria 속성 포함 + 모바일 대응 버튼 구조 만들어줘
질문이 구체적일수록
결과는 실무에 가까워집니다.
실무 자동화 프롬프트 템플릿
1. HTML 구조 생성용
프롬프트
공공기관 기준 접근성을 고려한
게시판 테이블 HTML 구조 작성해줘.
thead 8개, 모바일에서는 카드형으로 변환되게.
2. CSS 리팩토링용
프롬프트
아래 CSS 코드에서 중복되는 부분을 정리하고
가독성 높게 리팩토링해줘.
3. 반응형 설계용
프롬프트
PC First 구조에서
1024 / 768 브레이크포인트 기준으로
max-width 미디어쿼리 정리해줘.
4. clamp 계산 자동화
프롬프트
1920 기준 28px을
320~1920 범위에서 자연스럽게 변하는
clamp 값으로 계산해줘.진짜 중요한 건 “역할 지정”
프롬프트 앞에 이런 문장을 붙여보세요.
프롬프트
너는 7년차 웹 퍼블리셔야.
또는
프롬프트
공공기관 고도화 경험이 있는 퍼블리셔 관점에서 답해줘.
AI의 답변 수준이 달라집니다.
정리
AI는 대체자가 아니라
속도 증폭기입니다.
퍼블리셔의 경쟁력은
얼마나 빠르게 구조를 설계하느냐에 달려 있습니다.
반응형