# Marp Integration With NPM Project

> Sub-skill of marp: Integration with npm Project (+1).

- Skill: `vamseeachanta/marp-integration-with-npm-project` (Agent Skill)
- Install (CLI): `npx skillmds@latest add vamseeachanta/marp-integration-with-npm-project`
- Raw SKILL.md: https://api.skillmd.com/api/skills/vamseeachanta/marp-integration-with-npm-project/raw
- Safety review: PASS (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Docs & Writing
- Author: vamseeachanta (https://skillmd.com/u/vamseeachanta)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/vamseeachanta/marp-integration-with-npm-project

---


# Integration with npm Project (+1)

## Integration with npm Project


```json
// package.json
{
  "scripts": {
    "start": "marp -s ./slides",
    "watch": "marp -w ./slides -o ./dist",
    "build": "marp ./slides --output ./dist",
    "build:pdf": "marp ./slides -o ./dist --pdf"
  },
  "devDependencies": {
    "@marp-team/marp-cli": "^3.0.0"
  }
}
```


## Integration with Makefile


```makefile
SLIDES_DIR = slides
OUTPUT_DIR = dist

.PHONY: html pdf clean serve

html:
	marp $(SLIDES_DIR)/*.md --output $(OUTPUT_DIR)

pdf:
	marp $(SLIDES_DIR)/*.md --output $(OUTPUT_DIR) --pdf --allow-local-files

clean:
	rm -rf $(OUTPUT_DIR)

serve:
	marp -s $(SLIDES_DIR)
```