스킬 자체의 표현으로
Huashu-Design은 에이전트를 고품질 프로토타입, 슬라이드 덱, 모션 데모, 시각화를 위한 HTML 기반 디자인 스튜디오로 전환합니다. 새로운 시각 작업 전에는 스타일이나 브랜드가 지정되어 있어도 세 가지 차별화된 방향 초안을 강제로 생성해, 사용자가 AI가 임의로 결정한 단일 답이 아니라 실제로 렌더링된 옵션 중에서 선택할 수 있도록 합니다.
이 스킬은 추측하는 대신 브랜드 자산 프로토콜(로고, 제품 사진, 실제 색상 값)을 실행하고, 디자인 전에 WebSearch로 제품에 대한 사실 확인을 하며, 색상, 아이콘, 카드, 이미지에 대해 명시적인 안티 AI-슬롭 규칙을 적용합니다. 프로덕션 웹 앱이나 백엔드 중심 시스템을 위한 것은 아닙니다.
산출물
- 내용을 설명하는 이름의 HTML 디자인 파일, 대폭 수정 시 버전 관리
- 개요 월(overview wall)을 포함한 다중 페이지 HTML 덱으로, PDF로 자동 내보내지며 선택적으로 편집 가능한 PPTX로도 변환됩니다
- 기본적으로 BGM과 SFX가 포함된 MP4 애니메이션 내보내기
- 자산과 사용자가 선택한 방향을 문서화하는 brand-spec.md, direction-approved.md 등의 게이트 파일
작동 방식
- 01사실 먼저 확인하기
실제 제품, 기술, 이벤트와 관련된 무언가를 디자인하기 전에, 에이전트는 학습 메모리에 의존하지 않고 WebSearch로 그 존재, 출시 상태, 버전, 사양을 확인해야 합니다.
- 02작업 라우팅하기
신호 테이블은 작업 시작 전, 작업 신호(브랜드명, 슬라이드/PPT, 애니메이션/내보내기, 앱/iOS 프로토타입, 비평)를 올바른 진입점과 참조 파일에 매핑합니다.
- 03세 가지 방향 폴백 실행하기
새로운 시각 결과물을 만드는 모든 작업은 1~6단계를 거칩니다: 요구사항 명확화, 브리프 재정리, 디자인 스펙 확정, 실제 이미지 확보, 세 가지 병렬 디자인 로직 생성, 그리고 사용자 선택 대기.
- 04다섯 가지 형식 질문에 답하기
모든 페이지나 화면에 대해 에이전트는 디자인 시스템을 구축하기 전에 내러티브 역할, 관찰 거리, 시각적 온도, 콘텐츠 용량, 시각적 모티프에 답해야 합니다.
- 05검증을 거쳐 내보내기
애니메이션은 기본적으로 BGM과 SFX가 포함된 MP4로 렌더링되며 ffprobe로 오디오 스트림이 있는지 확인합니다. 덱은 PDF로 자동 내보내지며 선택적으로 편집 가능한 PPTX로도 변환됩니다.