What problem does it solve?
When building or extending the Webiny admin interface, developers need to know which UI components, hooks, and types exist and exactly where to import them from. This Skill provides a complete catalog of 130 admin UI abstractions so you never guess an import path or reinvent an existing component.
Core Features & Use Cases
- Component Discovery: Browse 130 abstractions including Accordion, Button, DataTable, Dialog, FileManager, LexicalEditor, Sidebar, Tabs, and Toast.
- Exact Import Paths: Each entry lists the precise import statement (e.g.,
import { DataTable } from "webiny/admin/ui") and the underlying source file in packages like @webiny/admin-ui.
- Hooks and Types Coverage: Includes React hooks (useToast, useDialog, useSidebar, useRichTextEditor) and TypeScript types (FileManagerFileItem, LexicalNode, Klass).
- Use Case: While building a custom admin extension, you need a confirmation dialog and a data table. Look them up in the catalog, read the referenced source files for exact props, and import them directly.
Quick Start
Ask the AI to list the Webiny admin UI component and import statement needed for a specific interface element such as a dialog or data table.
