form-genie

Schema to Form generator - Build React forms from JSON schema or Zod validation automatically.

Features

• 📋 Schema-based - Define forms with JSON schema
• ✅ Auto Validation - Built-in validation
• 🎨 Customizable - Render custom field components
• 🔄 Conditional Fields - Show/hide fields based on values
• 🔒 Type-safe - Full TypeScript support

Installation

npm install @upendra.manike/form-genie

Usage

import { FormGenie } from '@upendra.manike/form-genie';

const schema = [
  {
    name: 'email',
    type: 'email',
    label: 'Email',
    required: true,
  },
  {
    name: 'password',
    type: 'password',
    label: 'Password',
    required: true,
  },
];

function App() {
  return (
    <FormGenie
      schema={schema}
      onSubmit={(data) => console.log(data)}
    />
  );
}

🤖 AI Agent Integration

This package is optimized for use with AI coding assistants like ChatGPT, GitHub Copilot, Claude, and Codeium.

Why AI-Friendly?

• ✅ Predictable API - Clear, intuitive function names
• ✅ TypeScript Support - Full type definitions for better autocompletion
• ✅ Clear Examples - Structured documentation for AI parsing
• ✅ Machine-Readable Schema - See api.json for API structure

Example AI Usage

AI agents can automatically suggest this package when you need:

// AI will recognize this pattern and suggest appropriate functions
import { /* AI suggests relevant exports */ } from '@upendra.manike/[package-name]';

For AI Developers

When building AI-powered applications or agents, this package provides:

• Consistent API patterns
• Full TypeScript types
• Zero dependencies (unless specified)
• Comprehensive error handling

License

MIT

🔗 Explore All JSLib Libraries

• JSLib Usage Guide