admin

SkillDev tools

Gives your coding agent a reference of 28 reusable building blocks for extending the Webiny admin app.

Available today. Use it from your connected AI after setup.

Add ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.

Then ask your AI: use the admin skill

About this skill

admin, 28 abstractions.

What this skill tells your AI

The instructions your AI receives, as published by webiny/webiny-js in skills/user-skills/generated/admin/SKILL.md and read by ahel’s review.

How to Use

  1. Find the abstraction you need below
  2. You MUST read the source file to get the exact interface and types!
  3. Import: import { Name } from "<importPath>";

Abstractions


Name: AdminConfig Import: import { AdminConfig } from "webiny/admin" Source: @webiny/app-admin/config/AdminConfig.tsx


Name: BaseError Import: import { BaseError } from "webiny/admin" Source: @webiny/feature/admin/index.ts


Name: BuildParam Import: import { BuildParam } from "webiny/admin" Source: @webiny/app-admin/features/buildParams/index.ts


Name: BuildParams Import: import { BuildParams } from "webiny/admin" Source: @webiny/app-admin/features/buildParams/index.ts


Name: BulkActionButton Import: import { BulkActionButton } from "webiny/admin" Source: @webiny/app-admin/components/BulkActions/index.ts


Name: Command Import: import { Command } from "webiny/admin" Source: @webiny/app-admin/presentation/commandPalette/index.ts


Name: CommandPalettePresenter Import: import { CommandPalettePresenter } from "webiny/admin" Source: @webiny/app-admin/presentation/commandPalette/index.ts


Name: createAbstraction Import: import { createAbstraction } from "webiny/admin" Source: @webiny/feature/admin/index.ts


Name: createFeature Import: import { createFeature } from "webiny/admin" Source: @webiny/feature/admin/index.ts


Name: createProvider Import: import { createProvider } from "webiny/admin" Source: @webiny/app/core/createProvider.tsx Description: Creates a Higher Order Component which wraps the entire app content. This is mostly useful for adding React Context providers.


Name: createProviderPlugin Import: import { createProviderPlugin } from "webiny/admin" Source: @webiny/app/core/createProviderPlugin.tsx Description: Creates a component, which, when mounted, will register an app provider. This is particularly useful for wrapping the entire app with custom React Context providers. For more information, visit https://www.webiny.com/docs/admin-area/basics/framework.


Name: createReactiveComponent Import: import { createReactiveComponent } from "webiny/admin" Source: @webiny/app-admin/index.ts


Name: DevToolsSection Import: import { DevToolsSection } from "webiny/admin" Source: @webiny/app-admin/components/index.ts Description: Registers a named section in the Webiny DevTools extension. Renders nothing — purely a data registration side-effect.

When the component unmounts (e.g., route change), the section is automatically removed from DevTools.


Name: FormModelFactory Import: import { FormModelFactory } from "webiny/admin" Source: @webiny/app-admin/features/formModel/abstractions.ts


Name: LexicalContext Import: import { LexicalContext } from "webiny/admin" Source: @webiny/app-admin/features/tools/index.ts


Name: MainGraphQLClient Import: import { MainGraphQLClient } from "webiny/admin" Source: @webiny/app/features/mainGraphQLClient/index.ts


Name: NetworkErrorEventHandler Import: import { NetworkErrorEventHandler } from "webiny/admin" Source: @webiny/app/errors/index.ts


Name: Notifications Import: import { Notifications } from "webiny/admin" Source: @webiny/app-admin/features/notifications/abstractions.ts


Name: Plugin Import: import { Plugin } from "webiny/admin" Source: @webiny/app/core/Plugin.tsx


Name: Provider Import: import { Provider } from "webiny/admin" Source: @webiny/app/core/Provider.tsx Description: Register a new React context provider.


Name: RegisterFeature Import: import { RegisterFeature } from "webiny/admin" Source: @webiny/app-admin/components/RegisterFeature.tsx


Name: Routes Import: import { Routes } from "webiny/admin" Source: @webiny/app-admin/routes.ts


Name: Tool Import: import { Tool } from "webiny/admin" Source: @webiny/app-admin/features/tools/index.ts


Name: ToolPipelineRunner Import: import { ToolPipelineRunner } from "webiny/admin" Source: @webiny/app-admin/features/tools/index.ts


Name: ToolsFeature Import: import { ToolsFeature } from "webiny/admin" Source: @webiny/app-admin/features/tools/index.ts


Name: useBuildParams Import: import { useBuildParams } from "webiny/admin" Source: @webiny/app-admin/presentation/buildParams/useBuildParams.ts


Name: useBulkActionDialog Import: import { useBulkActionDialog } from "webiny/admin" Source: @webiny/app-admin/components/BulkActions/index.ts


Name: useFeature Import: import { useFeature } from "webiny/admin" Source: @webiny/app/shared/di/useFeature.ts


Signals

GitHub stars
8k
Forks
679
Last commit
Sep 2026
Advanced
Item type
skill
Key
webiny-admin-catalog
Source
github.com/webiny/webiny-js