admin/form

SkillDev tools

Helps your agent write code that builds Webiny admin forms using ready-made components like useForm, Bind, and validation.

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/form skill

About this skill

admin/form, 26 abstractions.

What this skill tells your AI

The instructions your AI receives, as published by webiny/webiny-js in skills/user-skills/generated/admin/form/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: Bind Import: import { Bind } from "webiny/admin/form" Source: @webiny/form/index.ts


Name: createFieldRenderer Import: import { createFieldRenderer } from "webiny/admin/form" Source: @webiny/app-admin/features/formModel/createFieldRenderer.tsx


Name: createObjectFieldRenderer Import: import { createObjectFieldRenderer } from "webiny/admin/form" Source: @webiny/app-admin/features/formModel/createFieldRenderer.tsx


Name: FieldBuilder Import: import { FieldBuilder } from "webiny/admin/form" Source: @webiny/app-admin/features/formModel/FieldBuilder.ts Description: Base FieldBuilder with fluent API. Each method mutates this and returns this for chaining.


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


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


Name: FormAPI Kind: type Import: import type { FormAPI } from "webiny/admin/form" Source: @webiny/form/index.ts


Name: FormErrors Import: import { FormErrors } from "webiny/admin/form" Source: @webiny/app-admin/features/formModel/index.ts


Name: FormModel Kind: type Import: import type { FormModel } from "webiny/admin/form" Source: @webiny/app-admin/features/formModel/index.ts


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


Name: FormOnSubmit Kind: type Import: import type { FormOnSubmit } from "webiny/admin/form" Source: @webiny/form/index.ts


Name: FormView Import: import { FormView } from "webiny/admin/form" Source: @webiny/app-admin/features/formModel/index.ts Description: Generic form view that walks layout nodes and renders fields. This component is stateless — it reads from the FormVM and delegates to renderers.


Name: GenericFormData Kind: type Import: import type { GenericFormData } from "webiny/admin/form" Source: @webiny/form/index.ts


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


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


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


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


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


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


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


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


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


Name: useGenerateSlug Import: import { useGenerateSlug } from "webiny/admin/form" Source: @webiny/form/index.ts Description: This hook is designed to be used with the useForm hook. When generateSlug is called, it will generate a slug using the from form field, and set it into the to form field.


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


Name: Validation Import: import { Validation } from "webiny/admin/form" Source: @webiny/validation/index.ts


Name: ValidationError Import: import { ValidationError } from "webiny/admin/form" Source: @webiny/validation/index.ts


Signals

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