클로드 코드 html-plan 플러그인으로 계획을 HTML 한 장으로 받는 법

클로드 코드(Claude Code) 팀의 타리크 시히파르(@trq212)가 구현 계획을 HTML 한 장으로 써 주는 플러그인 html-plan을 앤트로픽 커뮤니티 마켓플레이스에 올렸다. 쉬운 말로 쓰고, 코드 조각과 화면 시안을 보여 주면서 결정해야 할 질문을 따로 짚어 준다.

마켓플레이스를 추가하고 설치한다.

claude plugin marketplace add anthropics/claude-plugins-community
claude plugin install html-plan@claude-community

만들 것을 적어 부른다.

/html-plan add send later to the composer

계획은 주장을 가지처럼 펼친 구조다. 맨 위는 이름과 이유, 1단계는 사용자가 무엇을 하게 되는지(화면 시안이나 상태 도표), 2단계는 어떻게 동작하는지(호출 스택·스키마·코드 조각), 3단계는 어느 코드인지를 보여 준다. 접어 두면 그대로 요약이 된다. 결정마다 번호가 붙는다. 선택지를 고르거나 줄마다 의견을 단 뒤 Respond를 누르면 답이 하나로 묶이고, 그걸 클로드에게 붙여 넣는다.

페이지를 한 파일로 묶는 데 node가 필요하고 다른 의존성은 없다. 작성자는 더 널리 내놓기 전에 피드백을 받고 있다고 밝혔다.