> For the complete documentation index, see [llms.txt](https://rahuls-organization-17.gitbook.io/handshake/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://rahuls-organization-17.gitbook.io/handshake/architecture-and-contribution/local-setup/dashboard-setup/storybook-setup.md).

# Storybook Setup

We use Storybook for building and showcasing components, and at the same time, we test it as well.

To set up a storybook for handshake, you can follow the steps mentioned in the Dashboard Setup. and after that.

1. Please run these commands:`npx playwright install --with-deps && npm i @swc/cli @swc/core`
2. `npm run storybook` for spinning the storybook server
3. `npm run build-storybook` for building the storybook-static
4. `npm run test-storybook` for running the component tests

You can explore the rest of the commands inside the `package.json` file.