generate-frontend-forms
Guide for creating forms using Sentry's new form system. Use when implementing forms, form fields, validation, or auto-save functionality.
Install
Install this Claude and Codex skill with the command below. The command stays visible even when copy support is unavailable.
git clone https://github.com/getsentry/sentry /tmp/sentry && ln -s /tmp/sentry/.agents/skills/generate-frontend-forms ~/.claude/skills/generate-frontend-forms
From README
Form System Guide This skill provides patterns for building forms using Sentry's new form system built on TanStack React Form and Zod validation. Core Principle Always use the new form system (useScrapsForm, AutoSaveForm) for new forms. Never create new forms with the legacy JsonForm or Reflux-based systems. All forms should be schema based. DO NOT create a form without schema validation. Imports All form components are exported from @sentry/scraps/form: Important: DO NOT import from deeper paths, like '@sentry/scraps/form/field'. You can only use what is part of the PUBLIC interface in the index file in @sentry/scraps/form. --- Form Hook: useScrapsForm The main hook for creating forms with validation and submission handling. Basic Important: Always spread defaultFormOptions first. It configures validation to run on submit initially, then on every change after the first submission. This is why validators are defined as onDynamic, and it's what provides a consistent UX.