skills.rest
webiny
webinyOFFICIAL
Explore all skills by this author →
Website𝕏@WebinyCMSGitHub

webiny-admin-form-catalog

Catalogs 26 Webiny admin form abstractions with import paths and source references.

8.0k|673|Updated Jan 9, 2018
Search Tags:#Validation#Forms#admin#typeScript#form builder#webiny#reAct
One-click install
npx skills add https://github.com/webiny/webiny-js --skill webiny-admin-form-catalog
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webiny-admin-form-catalog
Source: https://github.com/webiny/webiny-js/tree/main/skills/user-skills/generated/admin/form
Command: npx skills add https://github.com/webiny/webiny-js --skill webiny-admin-form-catalog

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers building admin interfaces in Webiny often struggle to locate the correct form-related components, hooks, and types scattered across packages like @webiny/form, @webiny/app-admin, and @webiny/validation. This Skill provides a single lookup catalog of 26 form abstractions with exact import statements and source file locations.

Core Features & Use Cases

  • Abstraction Lookup: Lists 26 form-related exports including Form, Bind, useForm, FieldBuilder, FormView, and validation utilities with their exact import paths.
  • Source Traceability: Each entry points to its source file (e.g., @webiny/form/index.ts) so you can read the exact interface and types before use.
  • Use Case: When building a custom admin form in a Webiny project, look up the FieldBuilder fluent API or the useGenerateSlug hook, read the referenced source file, and import the abstraction directly from webiny/admin/form.

Quick Start

Ask the AI to show the import and source location for the useForm hook from the Webiny admin form catalog.

Frequently Asked Questions about webiny-admin-form-catalog

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I use forms in a Webiny admin app?▼

Import Form, Bind, and useForm from webiny/admin/form to build form UIs. The catalog lists 26 abstractions including FormView for layout-driven rendering and FormAPI for programmatic control, each with its source file for exact type definitions.

What form hooks are available in Webiny?▼

Webiny provides useForm, useBind, useBindPrefix, and useGenerateSlug from webiny/admin/form. The useGenerateSlug hook works with useForm to generate a slug from one form field into another.

How do I create custom field renderers in Webiny admin?▼

Use createFieldRenderer or createObjectFieldRenderer from webiny/admin/form, sourced from @webiny/app-admin/features/formModel. The FieldBuilder class provides a fluent API where each method mutates and returns this for chaining.

Does Webiny form support validation?▼

Yes, validation utilities come from @webiny/validation and are exported as validation, Validation, and ValidationError via webiny/admin/form. Form-level errors are surfaced through the FormErrors abstraction.

What is the difference between FormModel and FormView in Webiny?▼

FormModel is a type defining the form's data model, while FormView is a stateless component that walks layout nodes and renders fields by delegating to registered renderers. Both are exported from webiny/admin/form.

Related Skills

Explore More Software Engineering Skills→
spuneiarturspuneiartur
1

admin-crud-scaffold

Scaffold admin CRUD features with API services, validation models, and pages.

Community
Advanced
cap-collectifcap-collectif
26

form-mutation

Wire React Hook Form with Relay mutations and Yup validation for form workflows.

Official
Advanced
coco-decoco-de

coui-join

Create joined button groups and input-button combinations with shared-border layouts in Flutter or Web.

Official
Basic
AratKruglikAratKruglik
9

react-forms

Implement React forms with react-hook-form, Formik, or TanStack Form.

Community
Intermediate