Guides

Tutorials

• Build a basic prototype

  This tutorial will show you how to prototype a fictional service.

• Store code online with GitHub

  This tutorial will show you how to setup GitHub and GitHub desktop to share and collaborate on a prototype.

General use

• Making pages

  Use your code editor to make pages.

• Setting page titles

  Change the page title displayed in the browser tab.

• Using components

  Components are reusable parts of the user interface, like buttons, text inputs and checkboxes.

• Images

  How to add images to your prototype.

• CSS

  How to add your own CSS (cascading style sheets).

• PDFs and other files

  How to include downloadable files.

• Filters

  Filters are a Nunjucks feature that you can use within your page templates.

• Passing data page to page

  The kit stores data from all answers that users give in a prototype. This lets you use or show the answers later.

• Publishing your prototype

  Publishing your prototype online means you can share it with others and test it with users.

• JavaScript

  How to add your own JavaScript to pages.

• Displaying error messages

  Why to avoid adding validation errors in prototypes.

Advanced use

• Branching

  You can show a user different pages depending on how they’ve answered a question.

• Setting up Git

  Git is useful for collaborating with other people and lets you undo mistakes or identify bugs.

• Switching from the GOV.UK Prototype Kit

  If you have learned how to use the GOV.UK Prototype Kit, you will be able to use the NHS prototype kit.