Name: Frontend Project Setup
Author: DotNaos

When to use

Use this skill when you need to quickly bootstrap a frontend repository with a reusable package.json that can be generated for different stacks.

Workflow

Copy templates/package.json.j2 into your target project root.
Render it with your Jinja-compatible tooling using values for framework, package manager scripts, and optional quality tooling.
Install dependencies with your package manager of choice.
For local web apps, keep the dev server port configurable. Prefer portless run ... in the generated dev script or a toolkit dev.router.mode: portless wrapper instead of hardcoding localhost:3000.

templates/package.json.j2
- Supports common frontend scripts (dev, build, test, lint, ).

Use this skill when you need to quickly bootstrap a frontend repository with a reusable package.json that can be generated for different stacks.

Copy templates/package.json.j2 into your target project root.
Render it with your Jinja-compatible tooling using values for framework, package manager scripts, and optional quality tooling.
Install dependencies with your package manager of choice.
For local web apps, keep the dev server port configurable. Prefer portless run ... in the generated dev script or a toolkit dev.router.mode: portless wrapper instead of hardcoding localhost:3000.

templates/package.json.j2
- Supports common frontend scripts (dev, build, test, lint, ).