# dashboard-create-screen

> Claude/Codex skill by [@automattic](https://omgskills.com/library/automattic/index.md) · 13k stars · Updated 2026-08-31

Create a new screen in the Multi-site Dashboard with automatic route registration

Tags: es2015, es6, es6-javascript, javascript, nodejs, react, redux, wordpress

## Install

```sh
git clone https://github.com/Automattic/wp-calypso /tmp/wp-calypso && ln -s /tmp/wp-calypso/.claude/skills/dashboard-create-screen ~/.claude/skills/dashboard-create-screen
```

## From README

Dashboard Create Screen Skill Creates new screens in client/dashboard with automatic route discovery and registration. Step 1: Discover Available Routes First, find all router files and extract available routes. Find Router Files Use Glob to discover router files: Extract Routes from Each File For each router file, use Grep to extract route information. Find exported route constants: Extract parent relationships: Extract path segments: Extract component import paths: Build Route Information For each discovered route, record: Route variable name (e.g., siteBackupsRoute) Parent route name (e.g., siteRoute) Path segment (e.g., 'backups') Source file path Component directory (derived from import path) Step 2: Discover Navigation Menus (After Route Selection) Menu discovery happens after the user selects a parent route. Find menus relative to the route's location.

## Links

- HTML page: https://omgskills.com/skills/automattic/wp-calypso/dashboard-create-screen/
- GitHub: https://github.com/Automattic/wp-calypso
- Author: [@automattic](https://omgskills.com/library/automattic/index.md)

## More from this repo

- [calypso-react-query-migration](https://omgskills.com/skills/automattic/wp-calypso/calypso-react-query-migration/index.md) — Used when editing or migrating Calypso Reader data-fetching code — \`client/components/data/query-reader-\*\` components,...
   - [@automattic](https://omgskills.com/library/automattic/index.md) · 13k stars
- [fix-e2e-tests](https://omgskills.com/skills/automattic/wp-calypso/fix-e2e-tests/index.md) — Given a wp-calypso PR number, identify the failing E2E test(s) in that PR's CI run so they can be fixed.
   - [@automattic](https://omgskills.com/library/automattic/index.md) · 13k stars
- [help-center-ui-test](https://omgskills.com/skills/automattic/wp-calypso/help-center-ui-test/index.md) — Used to run a browser-based UI review of the WordPress.com Help Center across multiple surfaces, looking for visual and...
   - [@automattic](https://omgskills.com/library/automattic/index.md) · 13k stars