Formily Core Fundamentals

Teach Formily Core fundamentals for building React forms with TypeScript.

14|Updated Dec 5, 2025
One-click install
npx skills add https://github.com/whinc/my-claude-plugins --skill formily-core-fundamentals
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Formily Core Fundamentals
Source: https://github.com/whinc/my-claude-plugins/tree/main/plugins/formily/skills/formily-core
Command: npx skills add https://github.com/whinc/my-claude-plugins --skill formily-core-fundamentals

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Formily Core Fundamentals helps frontend developers quickly understand and apply Formily as a React form solution, reducing the friction of setting up complex forms and ensuring strong type safety.

Core Features & Use Cases

  • Schema-driven forms define forms via JSON-like schemas for dynamic rendering and rapid iteration.
  • TypeScript integration provides strong typing for form data, validation, and components.
  • Form state management handles values, errors, and field states across complex, multi-step forms.
  • Common patterns cover conditional fields and dynamic arrays to model real-world forms.

Quick Start

Install the core Formily packages and bootstrap a minimal form in your React app.

Frequently Asked Questions about Formily Core Fundamentals

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

FAQPage Schema
How do I build schema-driven React forms with TypeScript?▼

Schema-driven React forms define fields via JSON-like schemas for dynamic rendering. Formily Core Fundamentals covers schema creation, TypeScript typing, and state management to build reliable, strongly-typed forms.

What is the best way to manage complex form state in React?▼

Managing complex form state in React requires tracking values, errors, and field states. This Skill teaches Formily state management to handle multi-step forms, conditional fields, and dynamic arrays effectively.

How do I set up Formily for a basic React form?▼

To set up Formily for a React form, install the core Formily packages and bootstrap a minimal form. This Skill guides you through the initial setup and basic form creation process.

Does Formily support TypeScript for form validation?▼

Yes, Formily supports TypeScript integration for form validation. This Skill demonstrates how to apply strong typing to form data, validation rules, and custom components to ensure type safety.

Can I model conditional fields and dynamic arrays in React forms?▼

Yes, you can model conditional fields and dynamic arrays in React forms. This Skill covers common Formily patterns to handle real-world form structures like dynamic field arrays and conditional logic.