admin/lexical

SkillDev tools

Gives your coding agent ready-made imports for building rich text editors in Webiny apps.

Use admin/lexical in Claude, ChatGPT or Ahel Desktop

Free. Sign in, add admin/lexical and connect your AI. About a minute.

Also: Claude Code · Cursor · Codex

Then ask your AI: use the admin/lexical skill

Details

Instructions available. Your AI can read the instructions. Execution depends on the setup they require.

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

admin/lexicalStart free
About this skill

admin/lexical, 17 abstractions.

What this skill tells your AI

The instructions your AI receives, as published by webiny/webiny-js in skills/user-skills/generated/admin/lexical/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: Divider Import: import { Divider } from "webiny/admin/lexical" Source: @webiny/lexical-editor/ui/Divider.tsx


Name: DropDown Import: import { DropDown } from "webiny/admin/lexical" Source: @webiny/lexical-editor/ui/DropDown.tsx


Name: DropDownItem Import: import { DropDownItem } from "webiny/admin/lexical" Source: @webiny/lexical-editor/ui/DropDown.tsx


Name: getNodeFromSelection Import: import { getNodeFromSelection } from "webiny/admin/lexical" Source: @webiny/lexical-editor/hooks/index.ts


Name: Klass Kind: type Import: import type { Klass } from "webiny/admin/lexical" Source: @webiny/lexical-editor/types.ts


Name: LexicalEditorConfig Import: import { LexicalEditorConfig } from "webiny/admin/lexical" Source: @webiny/lexical-editor/components/LexicalEditorConfig/LexicalEditorConfig.tsx


Name: LexicalHtmlRenderer Import: import { LexicalHtmlRenderer } from "webiny/admin/lexical" Source: @webiny/lexical-editor/components/LexicalHtmlRenderer.tsx


Name: LexicalNode Kind: type Import: import type { LexicalNode } from "webiny/admin/lexical" Source: @webiny/lexical-editor/types.ts


Name: useCurrentElement Import: import { useCurrentElement } from "webiny/admin/lexical" Source: @webiny/lexical-editor/hooks/index.ts


Name: useCurrentSelection Import: import { useCurrentSelection } from "webiny/admin/lexical" Source: @webiny/lexical-editor/hooks/index.ts


Name: useDeriveValueFromSelection Import: import { useDeriveValueFromSelection } from "webiny/admin/lexical" Source: @webiny/lexical-editor/hooks/index.ts


Name: useFontColorPicker Import: import { useFontColorPicker } from "webiny/admin/lexical" Source: @webiny/lexical-editor/hooks/index.ts


Name: useIsMounted Import: import { useIsMounted } from "webiny/admin/lexical" Source: @webiny/lexical-editor/hooks/index.ts


Name: useLexicalEditorConfig Import: import { useLexicalEditorConfig } from "webiny/admin/lexical" Source: @webiny/lexical-editor/components/LexicalEditorConfig/LexicalEditorConfig.tsx


Name: useRichTextEditor Import: import { useRichTextEditor } from "webiny/admin/lexical" Source: @webiny/lexical-editor/hooks/index.ts


Name: useTextAlignmentAction Import: import { useTextAlignmentAction } from "webiny/admin/lexical" Source: @webiny/lexical-editor/hooks/index.ts


Name: useTypographyAction Import: import { useTypographyAction } from "webiny/admin/lexical" Source: @webiny/lexical-editor/hooks/index.ts


Signals

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