html-first-workflow은(는) 무엇을 하나요?
Claude Code / Codex 스킬: 산출 문서(스펙, PRD, 리뷰, 보고서)는 단일 파일 HTML로 전환하고, 채팅/코드는 마크다운을 유지합니다.
개요
이 스킬은 AI 에이전트가 문서를 생성할 때, 공유와 시각적 표현이 중요한 산출물은 HTML로, 대화형 콘텐츠는 마크다운으로 작성하도록 지시합니다. HTML 파일은 단일 파일(인라인 CSS/JS 포함)로 생성하여 외부 의존성 없이 바로 열람 가능합니다.
지원 플랫폼
- Claude Code
- Codex
사용 방법
@ericforai/html-first-workflow를 컨텍스트에 포함합니다.- 문서 유형에 따라 AI 에이전트가 자동으로 적절한 포맷을 선택합니다.
- HTML 사용: 스펙(spec), PRD, 디자인 리뷰, 정기 보고서
- 마크다운 유지: 채팅 메시지, 코드 스니펫, 간단한 노트
예시
프롬프트 예시:
@ericforai/html-first-workflow 이번 스프린트의 PRD를 작성해줘.
그러면 AI는 단일 HTML 파일로 예쁘게 포맷된 PRD를 생성합니다.
참고
- HTML 파일은 반드시 단일 파일이어야 하며, 외부 리소스를 참조하지 않습니다.
- CSS는 인라인 또는
<style>태그로 포함합니다. - JavaScript는 인라인으로 포함합니다.
이 스킬은 원본 저장소에서 확인할 수 있습니다.