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.

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

01Interactive configuration for screen titles, paths, and parent relationships

02Intelligent file path resolution based on existing project structure

0312,620 GitHub stars

04Context-aware navigation menu integration and item placement

05Automated route discovery and registration in router files

06Standardized React component scaffolding with PageLayout and PageHeader

Use Cases

01Rapidly prototyping new dashboard features using consistent UI patterns

02Creating a specialized analytics screen with automatic route wiring

03Adding a new settings page to the site management section

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add automattic/wp-calypso dashboard-create-screen

For use in Claude.ai and ChatGPT

Download Skill