The ASP Prototype Kit provides a simple way to create interactive prototypes that look and feel like pages built with ASP design standards. These prototypes can be used to design, test, and refine page layouts, as well as to support user research.

Make a folder for your prototypes

1. Create a folder called prototypes in your Documents folder.
2. In your prototypes folder, create a folder for your new prototype. Use all lower case, hyphens instead of spaces and avoid any other special characters. For example contact-your-npt.

Navigate to your prototype folder

You need to navigate into your prototype folder in the your CLI. Most commands for the kit need to be run within the prototype folder.

When you open your CLI it should look like this:

Create your prototype

You need to navigate into your prototype folder in the CLI. Within the prototype folder, run the following command in the CLI:

npx asp-prototype-kit@latest create

Run your prototype

In the CLI, enter:

npm run dev

To view the running Prototype, in your web browser, navigate to http://localhost:3000.