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).