Content

Skill

/lexical

admin/lexical — 17 abstractions.

BOOST

webiny@webiny

GitHub

From plugin

webiny-js

8k76 skills3 MCP

Install

$ npx -y skills add webiny/webiny-js --skill lexical --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/lexical

Context preview

The summary Claude sees to decide when to auto-load this skill.

admin/lexical — 17 abstractions.

SKILL.md

lexical.SKILL.md

name: webiny-admin-lexical-catalog
description: >
  admin/lexical — 17 abstractions.

admin/lexical

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`

---

Read it on GitHub ↗

Ships withwebiny-js

Open-source content platform. Self-hosted on AWS serverless. Built as a TypeScript framework you extend with code, not a closed product you configure through a UI. Runs on Lambda, DynamoDB, S3, and CloudFront inside your own AWS account. Scales automatically.

Get the whole plugin

Stats

TypeScript JavaScript Node React Next.js

+7 tags

Bash GraphQL AWS Azure GitHub MCP Slack

8,048

Stars

682

Forks

Active

Maintenance

TypeScript