클로드 코드 개발팀의 'html-plan' 스킬 선공개 영상 발견

【사건】
Claude Code를 만드는 팀의 Thariq이 계획서를 HTML로 보기 좋게 출력하는 스킬인 'html-plan'을 선공개한 영상을 발견했어요😳

・계획을 쉬운 말로 작성하고, 관련된 코드 발췌본도 그 자리에서 보여줍니다.
・Claude가 결정하지 못한 부분은 '질문'으로 미리 나열해 줍니다.
・화면 목업까지 그려주기 때문에, 만들기 전에 완성된 형태를 눈으로 확인할 수 있습니다.

설치 방법은 claude plugin marketplace add anthropics/claude-plugins-community 다음에 claude plugin install html-plan@claude-community 두 줄입니다.
본인 말에 따르면, 출력을 자동으로 체크하는 시스템을 넣어 Claude가 자주 실수하는 실패를 줄였다고 합니다. 함수 호출 흐름도 나열해서 보여주고, 코드 발췌본에는 주석을 작성할 수 있습니다. 아직 널리 배포되기 전 단계라 본인이 피드백을 받고 있는 중입니다. 긴 계획서를 빠르게 읽어보고, 구현 후에 '이게 아니잖아'라고 느꼈던 사람일수록 효과적입니다.

이건 홍보 영상이 아닙니다.
만든 팀 본인의 시연입니다🤐

계획을 HTML로 출력했을 때 무엇이 달라지는지는 Claude Code 팀이 전파한 'HTML 퍼스트 사고방식'을 이해하면 납득할 수 있습니다. 구체적인 프롬프트 예시까지 넣어 설명한 글은 여기를 참고하세요👇