# Vainjs

> Scaffold projects with vainjs conventions for npm packages and Chrome extensions. Make sure to use this skill whenever the user mentions initializing an npm package, creating a new project with Vite or Rollup, setting up a Chrome extension (Manifest V3), scaffolding a library, or running `npm init`, `pnpm create`, or similar scaffold commands — even if they don't explicitly ask for vainjs conventions.

- Skill: `vainjs/vainjs` (Agent Skill, multi-file: 4 files)
- Install (CLI): `npx skillmds@latest add vainjs/vainjs`
- Raw SKILL.md: https://api.skillmd.com/api/skills/vainjs/vainjs/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: vainjs (https://skillmd.com/u/vainjs)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/vainjs/vainjs

---


## Supported Templates

| Template | Description                                      |
| -------- | ------------------------------------------------ |
| npm      | TypeScript npm package with rolldown bundler     |
| crx      | Chrome Extension (Manifest V3) with React + Vite |

## Workflow

> Run this skill in the target project directory.

### 1. Generate files

1. Read [references/common.md](references/common.md) for shared config files
2. Read template-specific reference:
   - npm → [references/npm.md](references/npm.md)
   - crx → [references/crx.md](references/crx.md)

### 2. Resolve dependency versions

For dependencies marked `"latest"`, run `npm view <pkg> version` and write as `^<version>`.

### 3. Post-setup

Check if pnpm is installed (`command -v pnpm`). If not, prompt user to install: `npm install -g pnpm`.

```bash
pnpm install
chmod +x .husky/*
```