adding-form-field-types

Official

Extend Plate.js editor with new form field types.

Authortimelessco
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Adding new form field types to the Plate.js editor requires coordinating changes across editor UI, plugin wiring, slash commands, transforms, and preview/validation, which is error-prone if done manually.

Core Features & Use Cases

  • Editor UI Component: form-{type}-node.tsx
  • Plate Plugin: form-blocks-kit.tsx integration
  • Slash Command Menu: form field insertion
  • Insert Transforms, Block Menu, and Keyboard navigation
  • Preview rendering, validation hooks, and schema generation

Quick Start

Create a new field type file, register a Plate plugin, wire slash commands, and implement transforms, previews, and validation.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: adding-form-field-types
Download link: https://github.com/timelessco/better-forms/archive/main.zip#adding-form-field-types

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.