혹시 Claude나 GPT 같은 AI 에이전트에게 수백 줄짜리 긴 개발 계획이나 기획서를 받았다가, 검토하기도 전에 눈이 피로해져 창을 닫아버린 경험이 있으신가요?
오늘은 AI 프로덕트 진화의 최전선에서 벌어지고 있는 흥미로운 변화를 다뤄보려고 합니다. 바로 AI와의 소통 언어가 '마크다운(Markdown)'에서 'HTML'로 이동하고 있다는 사실입니다.
이 변화가 왜 우리의 업무 효율을 극대화하는지, 그리고 우리는 앞으로 어떤 준비를 해야 하는지 인터뷰 형식으로 쉽게 풀어왔습니다.
출처 : 클로드 코드 엔지니어가 AI 사양서로 HTML 파일을 사용하는 이유 | How I AI 채널
🎙️ AI 에이전트 넥스트 워크플로우 인터뷰
1. 마크다운의 시대는 끝났다? HTML이 떠오르는 진짜 이유
- Q. 요즘 해외 AI 엔지니어들과 헤비 유저들 사이에서 'HTML 소통법'이 핫하더라고요. 원래 쓰던 마크다운은 왜 한계가 온 건가요?
- A: AI 에이전트의 지능이 높아지면서 실행 시간도 길어지고, 수백 줄이 넘어가는 복잡한 계획을 짜기 시작했기 때문이에요. 마크다운은 텍스트 기반이라 문서가 길어지면 사람이 한눈에 구조를 파악하고 제어하기가 너무 비효율적입니다.
- Q. 그렇다면 HTML로 소통하면 구체적으로 어떤 점이 좋아지나요?
- A: HTML은 마크다운보다 훨씬 풍부한 정보를 담을 수 있고 시각적입니다. 화면을 반으로 쪼개서 볼 수 있는 스크롤 가능한 구조, 다이어그램, 탭 전환 기능 등을 활용할 수 있죠. 무엇보다 AI 모델 자체도 HTML을 훨씬 더 잘 이해하고 처리하며, 인간에게 더 명확한 컨텍스트를 제공해 줍니다.
2. 새로운 직업의 등장: '컴퓨팅 자원 할당자'
- Q. 아티클을 보면 기존 PM(제품 관리자)의 역할이 '컴퓨팅 자원 할당자'로 진화한다고 하던데, 무슨 의미인가요?
- A: 이제는 AI 에이전트가 장시간 실행되면서 비용이 꽤 많이 듭니다. 예를 들어 Claude를 8시간 동안 풀가동하면 약 500달러의 컴퓨팅 비용이 발생하죠. 따라서 앞으로 프리랜서나 메이커들은 "어떤 작업에 이 값비싼 컴퓨팅 자원을 투입할 가치가 있는가?"를 전략적으로 결정해야 합니다. AI가 똑똑해져도 제품 요구사항 명세(PRD)나 계획(Plan) 같은 문서 작성이 여전히 중요한 이유가 바로 여기에 있습니다.
3. 아이디어 구상부터 빌드까지 HTML 마이크로 UI 활용법
- Q. 실무에서 HTML을 활용해 AI와 협업하는 구체적인 단계를 요약해 주신다면요?
브레인스토밍: Claude Code를 열고 "데모 아이디어를 HTML 파일로 브레인스토밍해 줘"라고 요청합니다. 텍스트 나열 대신 시각적인 목업이 포함된 결과물이 나옵니다.
구체화: 선택한 아이디어를 기반으로 AI에게 인터뷰를 요청하고, 코드 발췌와 파일 구조가 포함된 상세 계획서(.html)를 뽑아냅니다.
임시 UI(Throwaway UI) 편집: 계획을 수정할 때 사람이 코드를 고치는 게 아니라, AI에게 특정 규칙을 편집할 수 있는 '임시 마이크로 UI'를 만들어 달라고 합니다. 화면의 입력창이나 슬라이더로 직관적으로 수정하고 그 결과를 AI에게 다시 넘기는 방식이죠. 마치 게임을 하듯 소비 지향적인 제어가 가능해집니다.
디자인 시스템 연동: Claude Design으로 컬러, 간격, 컴포넌트가 담긴 살아있는 HTML 디자인 시스템 파일을 만들어 저장소에 포함시킵니다. 마케터나 디자이너도 인터랙티브하게 확인할 수 있어 협업이 완벽해집니다.
4. AI의 잠재력을 끌어올리는 프롬프트 철학
- Q. AI에게 HTML로 고품질 결과를 얻어내기 위한 팁이 있을까요?
- A: : 과도한 제약을 걸지 말고 신뢰와 유연성의 균형을 잡아야 합니다. "필요한 모든 것을 포함하여 최대 컨텍스트를 제공하라" 같은 프롬프트가 좋습니다. 심지어 "실수해도 괜찮다", "이 프로덕트와 사랑에 빠져라" 같은 창의적인 프롬프트가 AI의 잠재력을 더 잘 끌어내기도 합니다. 에이전트가 원하는 대로 작동하지 않더라도 화를 내거나 비난하지 마세요. AI의 추론 과정이 부정적인 컨텍스트에 영향을 받지 않도록 긍정적이고 협력적인 태도를 유지하는 것이 핵심입니다.
의견을 남겨주세요