skills.rest
liwoo
liwooCOMMUNITY
Explore all skills by this author →
Website𝕏@liwucodesGitHub

inertia-form

Generate i18n-aware Inertia CreateForm and EditForm components for Goravel entities.

16|11|Updated Jun 12, 2025
Search Tags:#react#validation#forms#i18n#translations#inertia#forwardref
One-click install
npx skills add https://github.com/liwoo/goravel-inertia-tw-starter --skill inertia-form
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: inertia-form
Source: https://github.com/liwoo/goravel-inertia-tw-starter/tree/main/.claude/skills/inertia-form
Command: npx skills add https://github.com/liwoo/goravel-inertia-tw-starter --skill inertia-form

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Scaffolds consistent, i18n-aware create/edit form components for Goravel entities, enabling rapid UI development with proper translations, validation messages, and toast notifications.

Core Features & Use Cases

  • Generates forwardRef-based CreateForm and EditForm components that expose a handleSubmit method for integration with Crud pages.
  • Uses useTranslation for i18n labels, placeholders, and validation messages, keeping UI text centralized.
  • Includes ready-to-adapt form templates that map camelCase state to snake_case payloads for API requests, with nullable fields handled correctly.
  • Suitable for CRUD workflows in a React/Inertia app, enabling quick scaffolding of forms for new entities.

Quick Start

Provide an EntityName to scaffold i18n-aware Inertia form components for a Goravel entity.

Frequently Asked Questions about inertia-form

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

FAQPage Schema
How do I scaffold i18n-aware Inertia form components for a Goravel entity?▼

Provide an EntityName to scaffold i18n-aware Inertia form components for a Goravel entity. The generated CreateForm.tsx and EditForm.tsx files include translation-backed labels, validation messages, and proper API request handling.

What is the best way to handle camelCase to snake_case data mapping in React Inertia forms?▼

The best way to handle camelCase to snake_case data mapping in React Inertia forms is to use generated templates that automatically map camelCase state to snake_case payloads for API requests, ensuring nullable fields are handled correctly.

Does forwardRef work with Inertia form components for exposing submit methods?▼

forwardRef works with Inertia form components by exposing a handleSubmit method for integration with Crud pages. The generated CreateForm and EditForm components use forwardRef to enable parent components to trigger form submission.

Can I use useTranslation for form validation messages in a React Inertia CRUD workflow?▼

You can use useTranslation for form validation messages in a React Inertia CRUD workflow. The i18n-aware components centralize UI text, labels, placeholders, and validation messages through the useTranslation hook.

Why does my Inertia form component need the X-Requested-With header for API requests?▼

Inertia form components need the X-Requested-With header for API requests to properly identify AJAX requests. The generated forms include proper API request handling with this header to ensure correct server-side processing.

Related Skills

Explore More Software Engineering Skills→
liwooliwoo
16

goravel-crud-page

Generate admin CRUD page controllers, routes, and React/Inertia components for Goravel entities.

Community
Advanced
liwooliwoo
16

inertia-custom-page

Scaffold non-CRUD Inertia pages with i18n and React components for Goravel apps.

Community
Advanced
szejingszejing
1

i18n-translation

Translate UI strings and validation messages in the Wemotoo CRM Portal.

Community
Intermediate
liwooliwoo
16

inertia-page

Generate an Inertia index page component for a Goravel entity.

Community
Intermediate