Skeleton Generator

Intake

• Confirm the request is to create a new project skeleton.
• If the project type is unclear, ask which type: backend (Node.js), frontend (React with Vite), or Next.js.
• Ask which package manager to use: npm or pnpm.
• Keep the output minimal: only the files needed to run, plus lint/format config and scripts.

Global rules

• Use TypeScript for all project types.
• Include ESLint and Prettier config.
• Add scripts for dev, build, and run/start in package.json.
• Provide the exact dependency lists and the file tree that will be created.
• Copy the relevant AGENTS file from this skill folder to the project root as AGENTS.md.

Backend (Node.js, TypeScript)

Dependencies

Runtime deps:

• zod
• dotenv

Dev deps:

• typescript
• tsx
• @types/node
• eslint
• @typescript-eslint/parser
• @typescript-eslint/eslint-plugin
• prettier
• eslint-config-prettier

Scripts

• dev: tsx watch src/index.ts
• build: tsc -p tsconfig.json
• start: node dist/index.js
• lint: eslint .
• format: prettier . –check

File tree

.
├── src/
│   └── index.ts
├── package.json
├── tsconfig.json
├── .gitignore
├── .eslintrc.cjs
├── .prettierrc.cjs
└── .eslintignore

AGENTS

Copy assets/AGENTS-BACKEND.md to the project root as AGENTS.md.

Gitignore

Add a Node.js TypeScript .gitignore (node_modules, dist, .env, and logs).

Frontend (React with Vite, TypeScript)

Dependencies

Runtime deps:

• react
• react-dom

Dev deps:

• typescript
• vite
• @vitejs/plugin-react
• @types/react
• @types/react-dom
• eslint
• @typescript-eslint/parser
• @typescript-eslint/eslint-plugin
• eslint-plugin-react
• eslint-plugin-react-hooks
• prettier
• eslint-config-prettier

Scripts

• dev: vite
• build: tsc -p tsconfig.json && vite build
• preview: vite preview
• lint: eslint .
• format: prettier . –check

File tree

.
├── src/
│   ├── main.tsx
│   └── App.tsx
├── index.html
├── package.json
├── tsconfig.json
├── vite.config.ts
├── .gitignore
├── .eslintrc.cjs
├── .prettierrc.cjs
└── .eslintignore

AGENTS

Copy assets/AGENTS-REACT.md to the project root as AGENTS.md.

Gitignore

Add a Vite React TypeScript .gitignore (node_modules, dist, and logs).

Next.js (TypeScript)

Dependencies

Runtime deps:

• next
• react
• react-dom

Dev deps:

• typescript
• @types/node
• @types/react
• @types/react-dom
• eslint
• eslint-config-next
• prettier
• eslint-config-prettier

Scripts

• dev: next dev
• build: next build
• start: next start
• lint: next lint
• format: prettier . –check

File tree

.
├── app/
│   └── page.tsx
├── package.json
├── tsconfig.json
├── next.config.mjs
├── .gitignore
├── .eslintrc.cjs
├── .prettierrc.cjs
└── .eslintignore

AGENTS

Copy assets/AGENTS-NEXT.md to the project root as AGENTS.md.

Gitignore

Add a Next.js TypeScript .gitignore (node_modules, .next, out, and logs).