plannotator/effective-html

해결하는 문제

AI 에이전트가 고품질의 자체 완결형 HTML 산출물을 생성하도록 하는 전문적인 스킬 세트를 제공합니다. 이를 통해 에이전트는 텍스트 기반 설명을 넘어선 구조와 의도를 더 명확하게 전달하는 와이어프레임, 프로토타입, 다이어그램과 같은 시각적 보조 자료를 생성할 수 있습니다.

작동 방식

이 프로젝트는 창의적 방향성과 기술적 신뢰성을 분리하는 6개의 고유한 스킬로 구성된 컬렉션을 제공합니다. 광범위한 html 스킬이 일반적인 요청과 라우팅을 처리하고, 전문적인 스킬이 특정 충실도 수준을 관리합니다: 저충실도 레이아웃을 위한 html-wireframe, 인터랙티브 동작을 위한 html-prototype, 시스템 아키텍처를 위한 html-diagram, 구현 로드맵을 위한 html-plan. 별도의 design-artifact 스킬은 특정 시각 스타일을 강제하지 않으면서 디자인 프로세스를 제공합니다.

대상 사용자

Claude Code나 Codex와 같은 AI 코딩 에이전트의 개발자와 사용자들을 위해 설계되었으며, 에이전트가 코드나 텍스트뿐만 아니라 시각적 문서와 인터랙티브 프로토타입을 생성하기를 원하는 분들을 대상으로 합니다.

주요 특징

• 전문적인 산출물: 저충실도 와이어프레임부터 완전히 인터랙티브한 프로토타입 및 시스템 다이어그램까지 모든 것을 생성합니다.
• 자체 완결형: 생성된 모든 산출물은 반응형이며, 접근성이 보장되고 브라우저 호환성이 검증됩니다.
• 플러그인 지원: Claude Code와 Codex와 같은 에이전트에 플러그인으로 쉽게 설치할 수 있습니다.
• 모듈형 설계: 스킬은 독립적이며 개별적으로 사용하거나 완전한 컬렉션으로 사용할 수 있습니다.