Communitygithub.com

Hello-Brands/hello-sugar-design-skill

Claude Code 에이전트 스킬: Hello Sugar 브랜드에 맞춘 자체 포함형 HTML 아티팩트(ROI 페이지, 원페이지, 보고서, 대시보드)를 구축합니다.

hello-sugar-design-skill란 무엇인가요?

이 스킬은 Claude Code 에이전트가 Hello Sugar의 브랜드 가이드라인을 준수하는 자체 포함형 HTML 아티팩트를 생성할 수 있도록 설계되었습니다. ROI 페이지, 원페이지 요약, 보고서, 대시보드와 같은 다양한 형태의 출력물을 지원하며, 모든 에셋(CSS, JS, 이미지 등)을 단일 HTML 파일에 인라인으로 포함시켜 독립적으로 작동합니다. 이는 마케팅 팀, 세일즈 팀, 또는 클라이언트와의 커뮤니케이션에서 일관된 브랜드 경험을 제공해야 할 때 특히 유용합니다. Claude Code 환경에서 이 스킬을 활성화하면 에이전트가 브랜드 색상, 폰트, 스타일 규칙을 자동으로 적용하여 디자인 작업의 반복성을 줄이고, 빠르게 프로토타입이나 최종 결과물을 생성할 수 있습니다. 사용자는 텍스트 설명만으로 원하는 디자인 결과물을 요청할 수 있으며, 에이전트는 SKILL.md에 정의된 규칙을 따라 즉시 실행 가능한 HTML을 출력합니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add Hello-Brands/hello-sugar-design-skill

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

hello-sugar-design-skill은(는) 무엇을 하나요?

Claude Code 에이전트 스킬: Hello Sugar 브랜드에 맞춘 자체 포함형 HTML 아티팩트(ROI 페이지, 원페이지, 보고서, 대시보드)를 구축합니다.

관련 스킬