omgskills Get the Mac app
Skill

generate-frontend-forms

@getsentry 44k stars Updated 2026-07-28 Author match: High

Guide for creating forms using Sentry's new form system. Use when implementing forms, form fields, validation, or auto-save functionality.

apmcrash-reportingcrash-reportscsp-reportdevopsdjangoerror-loggingerror-monitoring

Install

Install this Claude and Codex skill with the command below. The command stays visible even when copy support is unavailable.

Install command
git clone https://github.com/getsentry/sentry /tmp/sentry && ln -s /tmp/sentry/.agents/skills/generate-frontend-forms ~/.claude/skills/generate-frontend-forms

View on GitHub

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.

More from this repo