Implement form-associated hooks for Atomico web components.
npx skills add https://github.com/atomicojs/atomico --skill atomico-hooks-forms
Please help me install this Agent Skill. Skill: atomico-hooks-forms Source: https://github.com/atomicojs/atomico/tree/main/.agents/skills/atomico-hooks-forms Command: npx skills add https://github.com/atomicojs/atomico --skill atomico-hooks-forms
Atomico form hooks streamline building accessible custom form controls by giving you a cohesive API to manage form state, validation, and submission across web components.
Create a component with form: true and wire useFormProps, useFormValidity, and useFormSubmit to manage inputs and respond to submission.
High-intent search queries and answers about installing and using this skill.
You can make Atomico web components participate in native HTML forms by using form-associated hooks that bridge custom elements with native form state, validation, and submission. This Skill provides hooks to sync host state with FormData.
Handling form validation for custom elements with ElementInternals involves integrating form-associated hooks to manage validity state. This Skill provides useFormValidity to connect your web component's validation logic to native browser feedback.
To sync web component state with FormData in Atomico, you use bidirectional form state hooks like useFormProps and useFormValue. These hooks allow you to manage form state by synchronizing the host element's properties directly with FormData.
Yes, you can manage form submission and reset events for custom elements in Atomico. The Skill provides useFormSubmit and useFormReset hooks to respond directly to user actions and handle form reset scenarios.
No, this Skill has no external dependencies. It relies on native browser features like ElementInternals and the form directive to manage form association, disabled state, and accessibility for Atomico web components.
gonzalopozoCreate shadcn/ui components with Tailwind CSS and Radix primitives in React projects.
djankiesTrack React 19 form submission state with useFormStatus for pending feedback.
atomicojsProvide core Atomico hooks for state, memoization, refs, and updates.
bytetalentImplement inline form validation and state management for Next.js and Expo applications.
