القائمة
admin/lexical — 17 abstractions.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Building a New Entry Wizard for the Headless CMS. Use this skill when the developer wants to show a custom wizard UI before the entry form when creating new CMS entries -- collecting fields like title, slug, or category upfront, then pre-filling the entry form. Covers ContentEntryEditorConfig.NewEntryWizard, createFeature, FormModelFactory, createReactiveComponent, useContentEntryFormPresenter, and the dirty-flag on setData.
Building forms with the FormModel system — field types, renderers, layout, validation, conditional rules, computed fields, and dynamic zones. Use this skill when the developer needs to define form fields with the builder API, choose renderers, build layouts with tabs/rows/separators, add validation (Zod or imperative), use conditional visibility/disable rules, create computed fields, or work with object fields and templates (dynamic zones).
api — 21 abstractions.
api/webhooks — 15 abstractions.
Admin-side architecture patterns for Webiny extensions. Use this skill when building frontend features with headless features (UseCase/Repository/Gateway), presentation features (Presenter/ViewModel/hooks/components), MobX-based presenters, RegisterFeature, and Admin BuildParams. Covers the admin/ directory structure for both features/ and presentation/ layers.
Covers the PreviewUrlModifier extension point in Website Builder. Use when a user wants to inject custom query parameters into live preview URLs — e.g. signed tokens, tenant identifiers, feature flags — from their Webiny project. Handles the full registration pattern: implementing the interface, wiring via createFeature + RegisterFeature, and registering via webiny.config.tsx. Supports async modifier methods (e.g. remote token fetch).
| name | webiny-admin-lexical-catalog |
| context | webiny-api |
| description | admin/lexical — 17 abstractions. |
import { Name } from "<importPath>";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