Agent Plugins Marketplace
← All plugins

vanilla-slide

v1.6.1

강의 교안·교육자료용 풀스크린 웹 슬라이드 단일 파일 생성. 완성형 엔진 템플릿 동봉 — 전체화면(F)·목차(I)·화자 노트(N)·발표자 모드(S, 듀얼 창 동기화)·빌드 효과·인쇄(PDF 전 장 저장) + 교육자료 설계 규칙(니모닉 목차·빈칸 채우기·정리·금지 예시·활동지·챕터별 색 코딩). "보여줄 그림 먼저" 제작 절차 — 장별 시각 아이디어 → 메시지 유형별 그림 사전 → 톤 시안 비교 → 메시지 검수. 레퍼런스 실측 공통 문법. 템플릿에는 디자인이 없다(엔진 + 톤 토큰 자리 + 아이콘 스프라이트) — 톤과 그림은 덱마다 새로.

Claude Code1 Skill

By studiodotdotLicense: MIT0 GitHub starsUpdated 1 hour ago

Directory evidence

Runtimes
Claude Code
Parsed components
1 skill or MCP entry
Source updated
Sep 28, 2026
Manifest status
Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install vanilla-slide for Claude Code

Installs for the current user
claude plugin marketplace add IchenDEV/agent-plugin-mkt
claude plugin marketplace update agent-plugin-marketplace
claude plugin install vanilla-slide@agent-plugin-marketplace

Paste and run these commands in a terminal with Claude Code. They add and refresh the PluginsMP catalog, then install this plugin.

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually
git clone https://github.com/studiodotdot/dotdot-skills

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is plugins/vanilla-slide/.

Plugin files

plugins/vanilla-slide/
├── .claude-plugin/plugin.json
└── skills/vanilla-slide/SKILL.md

Included Skills1

vanilla-slideskills/vanilla-slide/SKILL.md

강의 교안·교육자료를 순수 HTML/CSS/JavaScript(라이브러리 없음) 단일 파일 웹 슬라이드로 만드는 스킬. 동봉된 완성형 엔진 템플릿(assets/template.html) 기반 — 방향키/스와이프 전환(translateX), F 전체화면 · I 목차 오버레이 · N 화자 노트 · S 발표자 모드(듀얼 창 동기화, 타이머, 다음 슬라이드 미리보기), 진행바·카운터, data-step 빌드 효과, URL 해시 동기화, 인쇄(PDF 전 장 저장) 대응. 교육자료 설계 규칙(니모닉 목차·빈칸 채우기·정리 슬라이드·금지 예시·활동지·챕터별 색 코딩) 수록. 템플릿에는 디자인이 없다(엔진 + 톤 토큰 자리 + 아이콘 스프라이트) — 톤과 그림은 덱마다 시안에서 새로 정하고 덱 전용 스타일로 그린다. 핵심 절차는 "보여줄 그림 먼저" — 부품을 고르기 전에 장마다 메시지를 그림으로 번역한 한 줄을 적고, 메시지 유형별 그림 사전으로 시각 앵커를 정한다. 10장 넘는 덱은 전 장 제작 전 톤 시안 2~3개 비교, 같은 그림 유형 3장 연속 금지, "글을 가리고 봐도 메시지가 보이나" 검수. 다음 요청에 반드시 사용: - "교안 만들어줘", "강의 슬라이드", "교육자료 HTML로", "워크숍 자료", "강의용 웹 PPT" - 교육·강의용 자료를 HTML 파일 하나로 내보내달라는 요청 - PPT/Google Slides 없이 브라우저에서 바로 강의하고 싶다는 요청 - 기존 vanilla-slide 산출물을 기반으로 새 교안을 만들어달라는 요청 경계: 사내 보고·제안서·공모전·IR 같은 발표자료 덱은 vanilla-deck 스킬 대상이다. (.pptx 등 실제 오피스 파일을 요구하는 경우는 이 스킬 대상이 아님)

Plugin manifests1

plugins/vanilla-slide/.claude-plugin/plugin.json
{
  "name": "vanilla-slide",
  "version": "1.6.1",
  "description": "강의 교안·교육자료용 풀스크린 웹 슬라이드 단일 파일 생성. 완성형 엔진 템플릿 동봉 — 전체화면(F)·목차(I)·화자 노트(N)·발표자 모드(S, 듀얼 창 동기화)·빌드 효과·인쇄(PDF 전 장 저장) + 교육자료 설계 규칙(니모닉 목차·빈칸 채우기·정리·금지 예시·활동지·챕터별 색 코딩). \"보여줄 그림 먼저\" 제작 절차 — 장별 시각 아이디어 → 메시지 유형별 그림 사전 → 톤 시안 비교 → 메시지 검수. 레퍼런스 실측 공통 문법. 템플릿에는 디자인이 없다(엔진 + 톤 토큰 자리 + 아이콘 스프라이트) — 톤과 그림은 덱마다 새로.",
  "author": {
    "name": "studiodotdot",
    "url": "https://github.com/studiodotdot"
  },
  "homepage": "https://github.com/studiodotdot/dotdot-skills",
  "repository": "https://github.com/studiodotdot/dotdot-skills",
  "license": "MIT",
  "keywords": [
    "slides",
    "presentation",
    "html",
    "korean",
    "education",
    "single-file"
  ]
}

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[vanilla-slide on Agent Plugins Marketplace](https://pluginsmp.com/plugins/vanilla-slide)