admin/lexical
SkillDev toolsGives your coding agent ready-made imports for building rich text editors in Webiny apps.
Available today. Use it from your connected AI after setup.
No other account needed.
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/lexical skill
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
- Find the abstraction you need below
- You MUST read the source file to get the exact interface and types!
- 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