dashboard-create-screen

Generate dashboard screens with automatic route registration and navigation updates.

12.6k|2.0k|Updated Nov 10, 2015
One-click install
npx skills add https://github.com/Automattic/wp-calypso --skill dashboard-create-screen
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dashboard-create-screen
Source: https://github.com/Automattic/wp-calypso/tree/main/.claude/skills/dashboard-create-screen
Command: npx skills add https://github.com/Automattic/wp-calypso --skill dashboard-create-screen

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creates new screens in the Multi-site Dashboard with automatic route registration, reducing manual wiring and routing errors.

Core Features & Use Cases

  • Discover available routes from client/dashboard/app/router to understand the existing navigation structure.
  • Scaffold new screen components under client/dashboard/sites/{screen-name} (or similar) and wire up lazy-loaded routes.
  • Optionally update the dashboard navigation to expose the new screen to users.

Quick Start

Provide the screen name and route path to generate a new dashboard screen with automatic route registration.

Frequently Asked Questions about dashboard-create-screen

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a new dashboard screen with automatic route registration?

To create a dashboard screen with automatic route registration, provide the screen name and route path to generate a scaffolded component and wire up lazy-loaded routes without manual wiring.

How does automatic route discovery work for multi-site dashboard development?

Automatic route discovery works by scanning existing routes from the client dashboard router to understand the navigation structure before scaffolding new screen components and registering their paths.

Can I automatically update the dashboard menu when adding a new screen?

Yes, you can optionally update the dashboard navigation menu to expose the newly generated screen to users after the route is registered and the component is scaffolded.

What is the best way to scaffold React components for dashboard routing?

The best way to scaffold React components for dashboard routing is automating the generation of lazy-loaded screen components under the client dashboard directory while simultaneously wiring route registration.

Why does manual route wiring cause errors in multi-site dashboards?

Manual route wiring causes errors in multi-site dashboards because discovering existing routes, registering new paths, and updating navigation separately introduces inconsistencies that automated scaffolding eliminates.

Do I need to manually discover existing routes before scaffolding a dashboard screen?

No, you do not need to manually discover existing routes; the process automates discovering available routes from the application router to understand the current navigation structure before scaffolding.