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.