Toolverse
All skills
Frontend

dashboard-create-screen

by Automattic

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

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
Automattic
Category
Frontend
Views
1
GitHub repo

About this skill

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

How to use

  1. Uruchom skill i pozwól mu przeskanować wszystkie dostępne trasy w katalogu client/dashboard/app/router/. Skill użyje Glob do znalezienia plików *.tsx i *.ts, a następnie Grep do wyodrębnienia nazw tras, ścieżek i relacji rodzic-dziecko.

  2. Przejrzyj listę odkrytych tras i wybierz trasę nadrzędną, pod którą chcesz umieścić nowy ekran. Skill wyświetli strukturę hierarchii, aby ułatwić wybór.

  3. Skill automatycznie wyszuka menu nawigacyjne odpowiadające wybranej trasie nadrzędnej. Na podstawie ścieżki importu komponentu określi katalog poszukiwań i przeskanuje pliki *-menu/index.tsx.

  4. Podaj nazwę nowego ekranu, ścieżkę (segment URL) i wskaż komponent, który ma być renderowany. Skill zweryfikuje, czy nazwa nie koliduje z istniejącymi trasami.

  5. Skill wygeneruje plik routera z prawidłową konfiguracją createRoute, ustawi relację do trasy nadrzędnej i automatycznie zaktualizuje odpowiednie menu nawigacyjne.

  6. Sprawdź wygenerowane pliki w edytorze, a następnie zatwierdź zmiany. Nowy ekran będzie dostępny w dashboardzie bez dodatkowej konfiguracji routingu.

Related skills

browser-use

by browser-use

Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, or extract information from web pages.

Frontend
23107

domain-name-brainstormer

by ComposioHQ

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

Frontend
21116

apple-reminders

by openclaw

Manage Apple Reminders via the `remindctl` CLI on macOS (list, add, edit, complete, delete). Supports lists, date filters, and JSON/plain output.

Frontend
2085

react

by lobehub

React component development guide. Use when working with React components (.tsx files), creating UI, using @lobehub/ui components, implementing routing, or building frontend features. Triggers on React component creation, modification, layout implementation, or navigation tasks.

Frontend
2058

interactive-dashboard-builder

by anthropics

Build self-contained interactive HTML dashboards with Chart.js, dropdown filters, and professional styling. Use when creating dashboards, building interactive reports, or generating shareable HTML files with charts and filters that work without a server.

Frontend
2298

bubbletea

by hmans

Browse Bubbletea TUI framework documentation and examples. Use when working with Bubbletea components, models, commands, or building terminal user interfaces in Go.

Frontend
2158