sima-form-components

Document Form component APIs and Conform integration patterns for Sima UI.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/RosenGray/sima --skill sima-form-components
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sima-form-components
Source: https://github.com/RosenGray/sima/tree/main/.cursor/skills/sima-form-components
Command: npx skills add https://github.com/RosenGray/sima --skill sima-form-components

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a centralized reference for all Form components used with Conform in the Sima UI, covering APIs, integration patterns, and common usage scenarios.

Core Features & Use Cases

  • Form wrapper and status hooks: Interfaces for building controlled forms with Form.tsx.
  • Basic form controls: BasicFormField, SelectSingle, Checkbox, TextAreaField, and more for rapid form construction.
  • Form composition and validation patterns: Guidance for field metadata, Conform integration, and error handling across Create/Edit flows.

Quick Start

Load and browse the Form components under @/components/Form/ to see API surfaces, type definitions, and example usage.

Frequently Asked Questions about sima-form-components

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

FAQPage Schema
How do I build controlled React forms with Conform integration?

Build controlled React forms with Conform by using the Form.tsx wrapper and its status hooks. This provides interfaces for managing form state and handling validation metadata across Create and Edit flows.

What form components are available for rapid form construction in a React UI?

Available form components for rapid React form construction include BasicFormField, SelectSingle, Checkbox, and TextAreaField. These provide basic form controls with predefined type definitions for immediate integration.

How does Conform handle validation and error handling in TypeScript forms?

Conform handles validation and error handling in TypeScript forms by applying field metadata to individual components. This establishes validation patterns and error states across Create and Edit workflows.

Can I use BasicFormField and SelectSingle for both Create and Edit workflows?

Yes, you can use BasicFormField and SelectSingle for both Create and Edit workflows. They support form composition and validation patterns that adapt to various data entry and modification scenarios.

Where can I find API definitions and usage patterns for Sima UI form components?

You can find API definitions and usage patterns for Sima UI form components by browsing the @/components/Form/ suite. It consolidates type definitions, Conform integration points, and typical usage scenarios for fast activation.