Does it support nested routing?

Yes, the skill can identify parent routes and use the .addChildren() pattern to wire your new screen into existing nested route trees.

Is this skill compatible with any React dashboard?

No, this skill is specifically architected for the Automattic/wp-calypso repository and relies on its specific routing and menu implementation patterns.

Will this automatically update the navigation menu?

Yes, if selected during the setup process, the skill will identify the appropriate menu file and insert a ResponsiveMenu.Item link.

Can I customize the generated component template?

The skill uses a standardized template following WP-Calypso design standards, but you can further edit the generated file using Claude's standard editing tools.

Dashboard Screen Generator

Name: Dashboard Screen Generator
Author: Automattic

byAutomattic

•

12,620

Content Management

Automates the creation and registration of new dashboard screens within the WordPress.com Multi-site Dashboard.

About

This skill streamlines the development workflow for the WP-Calypso project by managing the complex process of creating new UI screens. It automatically handles route discovery, component scaffolding using standardized templates, and menu integration, ensuring that new features adhere to existing architectural patterns and coding standards while reducing manual boilerplate work. It is particularly useful for developers adding new management interfaces, settings pages, or analytics views to the WordPress.com dashboard environment.

Key Features

Interactive configuration for screen titles, paths, and parent relationships
Intelligent file path resolution based on existing project structure
12,620 GitHub stars
Context-aware navigation menu integration and item placement
Automated route discovery and registration in router files
Standardized React component scaffolding with PageLayout and PageHeader

Use Cases

Rapidly prototyping new dashboard features using consistent UI patterns
Creating a specialized analytics screen with automatic route wiring
Adding a new settings page to the site management section

About

Key Features

Interactive configuration for screen titles, paths, and parent relationships
Intelligent file path resolution based on existing project structure
12,620 GitHub stars
Context-aware navigation menu integration and item placement
Automated route discovery and registration in router files
Standardized React component scaffolding with PageLayout and PageHeader

Use Cases

Rapidly prototyping new dashboard features using consistent UI patterns
Creating a specialized analytics screen with automatic route wiring
Adding a new settings page to the site management section