skills.rest
kineticdata
kineticdataOFFICIAL
Explore all skills by this author →
Website𝕏@kineticdataGitHub

forms

Generates dynamic web forms for the Kinetic platform with standardized components and layouts.

Updated Feb 24, 2026
Search Tags:#web development#frontend#react#forms#ui components#kinetic
One-click install
npx skills add https://github.com/kineticdata/kinetic-platform-ai-skills --skill forms-kineticdata
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: forms
Source: https://github.com/kineticdata/kinetic-platform-ai-skills/tree/main/skills/front-end/forms
Command: npx skills add https://github.com/kineticdata/kinetic-platform-ai-skills --skill forms-kineticdata

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a framework for building dynamic and user-friendly forms within the Kinetic platform, offering flexibility between server-rendered and client-side approaches.

Core Features & Use Cases

  • CoreForm vs. Client-Side Decision: Guides developers on choosing the appropriate form-building strategy based on project needs.
  • KineticForm Wrapper: A standardized React component for consistent form behavior, including URL parameter merging and navigation handling.
  • Form Layout Generation: A factory function (generateFormLayout) to create consistent page structures with headings, actions, and navigation.
  • Widget System: Enables the integration of standalone React components (widgets) within forms for enhanced functionality.
  • Use Case: Develop a complex service request form that dynamically shows or hides fields based on user input, integrates with external data sources, and provides a polished user experience.

Quick Start

Use the forms skill to create a new KineticForm component that wraps the 'contact-us' form.

Frequently Asked Questions about forms

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

FAQPage Schema
How do I build dynamic web forms within the Kinetic platform?▼

To build dynamic web forms in Kinetic, use the KineticForm wrapper component for consistent behavior, apply the generateFormLayout utility for page structure, and integrate standalone React widgets to handle user input and custom logic.

When should I use CoreForm versus client-side APIs for form development?▼

Choose CoreForm versus client-side APIs based on your project needs: CoreForm handles server-rendered form workflows, while client-side APIs provide flexibility for complex frontend portal experiences requiring custom widget integration and dynamic field manipulation.

How do I integrate custom React components into Kinetic forms?▼

Integrate custom React components into Kinetic forms by using the widget system, which enables you to embed standalone React widgets directly within your form layout and configure the form environment via globals.jsx.

What's the best way to standardize form layout and navigation in React?▼

Standardize React form layout and navigation by using the generateFormLayout factory function, which creates consistent page structures with headings, actions, and navigation handling for your KineticForm wrapper component.

Can I dynamically show or hide form fields based on user input in Kinetic?▼

Yes, you can dynamically show or hide form fields based on user input in Kinetic by developing a complex form using the client-side API approach, integrating external data sources, and applying the KineticForm wrapper for polished user experiences.

Related Skills

Explore More Software Engineering Skills→
vecearvecear

storybook-setup

Automate Storybook setup, configuration, and CSF3 story authoring for frontend projects.

Community
Intermediate
abdussalamwabdussalamw

pdf-form-filler

Fill and submit PDF forms using PyPDF2 and Camelot.

Community
Intermediate
ngocnhanvongocnhanvo

forms

Create and validate React forms with react-hook-form and shadcn/ui.

Community
Intermediate
kineticdatakineticdata

kql-and-indexing

Explain Kinetic Query Language operators and indexing for Platform submissions.

Official
Intermediate