Skip to content
ASP Development

Your web browser is out of date

Your web browser (the software you use to access the internet) is out of date. You need to update it or use a different web browser to ensure you can complete this form.

Cookies disabled

Cookies are currently not enabled in your web browser. You need to enable cookies to ensure you can complete this form.

Getting started

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.

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.

Make a change to the Design System

Suggest an edit to this system, or any of the components in it, by submitting a Design System change request.

Published 16 October 2025
Last updated 16 October 2025