스킬 · 디자인
웹 기반 고급 프레젠테이션 제작
커뮤니티
zarazhangrui/frontend-slides
디자인
파워포인트 대신 코드로 슬라이드를 만듭니다. 디자인 취향을 말로 설명할 필요 없이 여러 시안을 직접 만들어 보여주고 고르게 하는 방식이라, 보라색 그라데이션 같은 흔한 AI 티가 안 납니다. 스타 2만 개 이상으로 이 분야에서 가장 널리 쓰이는 커뮤니티 스킬입니다.
이럴 때 씁니다
광고·투자 유치·브랜드 소개처럼 완성도가 중요한 발표 자료를 파워포인트보다 훨씬 고급스럽게 뽑고 싶을 때
한 줄로 넣기
Claude Code 에서 마켓플레이스를 먼저 등록합니다.
/plugin marketplace add https://github.com/zarazhangrui/frontend-slides
전체 설치 절차
Claude Code 가 아니거나 개별 스킬만 넣고 싶으실 때 보십시오. 눌러서 펼치면 전체가 나옵니다.
설치 절차 전문
# zarazhangrui/frontend-slides 설치
## 1. 마켓플레이스를 등록합니다
/plugin marketplace add https://github.com/zarazhangrui/frontend-slides
## 2. 플러그인을 넣습니다
/plugin install frontend-slides@frontend-slides
## 3. Claude 를 다시 시작합니다
창만 닫으면 반영되지 않습니다.
Windows 는 작업 표시줄 아이콘에서 종료, macOS 는 Cmd+Q 로 완전히 끄십시오.
## 4. 확인
넣고 나면 관련 작업에서 알아서 불러 씁니다.
매번 지정하지 않아도 됩니다.이렇게 시켜 보세요
넣고 나서 바로 던져 볼 수 있는 지시문입니다. 누르면 복사됩니다.
알아 둘 것
결과물이 HTML 파일이라 파워포인트로 바로 열리지는 않습니다. 대신 웹으로 바로 공유하거나 PDF로 내보낼 수 있습니다. 기존 PPT 파일을 웹으로 변환하는 기능도 있습니다.
원본 보기
스킬의 실제 내용은 SKILL.md 파일 하나에 들어 있습니다. 넣기 전에 한 번 읽어 보시는 것을 권합니다. 스킬은 Claude 에게 그대로 들어가는 지시문이라, 무엇을 시키는지 확인하지 않고 쓰면 의도치 않은 동작을 할 수 있습니다.
GitHub 에서 zarazhangrui/frontend-slides 열기