skills.rest
webiny
webinyOFFICIAL
Explore all skills by this author →
Website𝕏@WebinyCMSGitHub

webiny-admin-router-catalog

Catalogs six Webiny admin router abstractions with import paths and source files.

8.0k|673|Updated Jan 9, 2018
Search Tags:#router#Routing#admin#typeScript#webiny#reAct#import catalog
One-click install
npx skills add https://github.com/webiny/webiny-js --skill webiny-admin-router-catalog
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webiny-admin-router-catalog
Source: https://github.com/webiny/webiny-js/tree/main/skills/user-skills/generated/admin/router
Command: npx skills add https://github.com/webiny/webiny-js --skill webiny-admin-router-catalog

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers extending the Webiny admin application often struggle to locate the correct router abstractions and their exact import paths across the monorepo, leading to guesswork and broken imports.

Core Features & Use Cases

  • Abstraction Catalog: Lists six router abstractions (LinkComponent, RedirectComponent, Route, RouteLinkComponent, useRoute, useRouter) with exact import statements.
  • Source File Mapping: Maps each abstraction to its source file in @webiny/app so developers can read the exact interface and types before use.
  • Use Case: When building a custom admin screen in Webiny, look up the Route and useRouter abstractions, read their source files, and import them correctly from webiny/admin/router.

Quick Start

Ask the AI to show the available Webiny admin router abstractions and generate a route link using the catalog's import paths.

Frequently Asked Questions about webiny-admin-router-catalog

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

FAQPage Schema
How do I use the router in a Webiny admin extension?▼

Import router abstractions from webiny/admin/router, such as Route, useRouter, or LinkComponent. First read the referenced source file in @webiny/app to confirm the exact interface and types before using the abstraction.

What router components are available in the Webiny admin app?▼

The catalog lists six abstractions: LinkComponent, RedirectComponent, Route, RouteLinkComponent, useRoute, and useRouter. Each entry includes its import statement and the source file defining it.

How do I create a link to a route in Webiny admin?▼

Use RouteLinkComponent or LinkComponent imported from webiny/admin/router. Check the source files RouteLink.tsx and SimpleLink.tsx under @webiny/app/presentation/router/components for their props and usage.

Where are the Webiny router source files located?▼

Router abstractions live in @webiny/app, split between presentation/router (components and hooks) and features/router (Route definition). The catalog maps each abstraction to its exact source file path.

Can I use useRoute and useRouter outside the Webiny admin app?▼

These hooks are defined in @webiny/app/presentation/router and are intended for the Webiny admin application context. Using them outside that presentation layer is not covered by this catalog.

Related Skills

Explore More Software Engineering Skills→
zarkuazarkua

monarch-screen-setup

Organize Defold screens and popups using Monarch with collectionproxy and collectionfactory.

Community
Advanced
exilonXexilonX

vtex-io-react-apps

Set up VTEX IO React apps with interfaces, schemas, and styling.

Community
Intermediate
spuneiarturspuneiartur
1

admin-crud-scaffold

Scaffold admin CRUD features with API services, validation models, and pages.

Community
Advanced
usenotrausenotra
148

autumn-create-customer

Automate Autumn billing setup and customer creation for React and Node.js apps.

Official
Intermediate