# Plop.js Code Generator

> Creates Plop.js generators with Handlebars templates and custom action types for scaffolding React components, API routes, and test files. Uses inquirer prompts with validation and the addMany action for batch file generation.

- Skill: `agentskillexchange/plop-js-code-generator` (Agent Skill)
- Install (CLI): `npx skillmds@latest add agentskillexchange/plop-js-code-generator`
- Raw SKILL.md: https://api.skillmd.com/api/skills/agentskillexchange/plop-js-code-generator/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: agentskillexchange (https://skillmd.com/u/agentskillexchange)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/agentskillexchange/plop-js-code-generator

---


# Plop.js Code Generator

Creates Plop.js generators with Handlebars templates and custom action types for scaffolding React components, API routes, and test files. Uses inquirer prompts with validation and the addMany action for batch file generation.

## Installation

Use the upstream install or setup path that matches your environment:
- $ npm install --save-dev plop
- $ npm install -g plop
- npm i -D tsx cross-env

Requirements and caveats from upstream:
- To use this syntax, your plopfile must be either:
- For _this_ syntax, your plopfile must be either:
- A plopfile starts its life as a node module that exports a function which accepts the plop object as its first parameter.

Basic usage or getting-started notes:
- [![npm](https://img.shields.io/npm/dm/plop.svg)](https://www.npmjs.com/package/plop)
-  
- [![npm](https://img.shields.io/npm/v/plop.svg)](https://www.npmjs.com/package/plop)

- Source: https://github.com/plopjs/plop
- Extracted from upstream docs: https://raw.githubusercontent.com/plopjs/plop/HEAD/README.md

## Documentation

- https://plopjs.com/documentation/

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/plopjs-code-generator/)