Community연구 & 데이터 분석github.com

vanillaSky00/claude-design-skills

에이전트-UI 간 클로드 스킬로, 편집 가능하고 스크린샷에 안전한 HTML 슬라이드와 이미지를 생성합니다. 잘못된 값 수정 및 텍스트 겹침 방지 후 Canva, Figma, Notion으로 내보낼 수 있습니다.

claude-design-skills란 무엇인가요?

이 스킬은 Claude가 사용자 인터페이스(UI)를 직접 생성할 수 있도록 하는 에이전트-UI 스킬입니다. HTML 슬라이드와 이미지를 편집 가능한 형태로 만들며, 스크린샷 시 깨지지 않도록 최적화되어 있습니다. 사용자는 생성된 결과물을 Canva, Figma, Notion 등으로 내보내기 전에 잘못된 값을 수정하고 텍스트 겹침을 방지할 수 있습니다. GitHub 저장소(vanillaSky00/claude-design-skills)를 기반으로 하며, 주로 Claude Code 또는 유사한 에이전트 환경에서 활용됩니다. 이 스킬은 디자인 작업 자동화와 프레젠테이션 제작 효율성을 높이는 데 유용합니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add vanillaSky00/claude-design-skills

Installed? Explore more 연구 & 데이터 분석 skills: affaan-m/uspto-database, affaan-m/scholar-evaluation, affaan-m/literature-review · View all 6 →

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

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

문서

claude-design-skills은(는) 무엇을 하나요?

에이전트-UI 간 클로드 스킬로, 편집 가능하고 스크린샷에 안전한 HTML 슬라이드와 이미지를 생성합니다 — 잘못된 값 수정 및 텍스트 겹침 방지 후 Canva, Figma, Notion으로 내보낼 수 있습니다.

출처: https://github.com/vanillaSky00/claude-design-skills

푸시: 2026-06-02T04:03:13Z

관련 스킬