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

コンテンツ管理

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

概要

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.

主な機能

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

ユースケース

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

概要

主な機能

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

ユースケース

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