Official agent skill

Generate Frontend Forms

by getsentry in getsentry/sentry

Guide for creating forms using Sentry's new form system. An agent skill from getsentry/sentry.

OfficialCustom licenceAuto-check passedFrontend & Design

Install Generate Frontend Forms

skills CLI
$ npx skills add getsentry/sentry --skill generate-frontend-forms -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install getsentry/sentry generate-frontend-forms --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/getsentry/sentry.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/generate-frontend-forms .claude/skills/generate-frontend-forms && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
generate-frontend-forms
GitHub stars
45k
Token cost
~8.3k tokens
SKILL.md length
1,718 words
Files
1
Skills in repo
29
Repo updated
First seen
Licence
Custom licence

At a glance

Guide for creating forms using Sentry's new form system. An agent skill from getsentry/sentry.

  • Works in 2 steps: baseProps — accessibility and form… → {indicator} — the auto-save status…
  • Implementing forms
  • SKILL.md covers Core Principle, Imports, Form Hook: useScrapsForm and Field Components, plus 5 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Generate Frontend Forms is an agent skill from getsentry/sentry, published by the product's own GitHub organization. Guide for creating forms using Sentry's new form system. Use when implementing forms, form fields, validation, or auto-save functionality.

Its SKILL.md is about 8.3k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Frontend & Design. It works with Sentry. The repository describes itself as: Developer-first error tracking and performance monitoring.

When your agent uses it

  • Implementing forms
  • Auto-save functionality

Example prompts

  • “/generate-frontend-forms”

Workflow steps

2 steps, taken from the first numbered list in SKILL.md.

  1. baseProps — accessibility and form integration props (ref, disabled, aria-invalid, aria-describedby, onBlur, name, id) to spread onto your…
  2. {indicator} — the auto-save status indicator (spinner/checkmark) as a React node, which you can place wherever makes sense in your custom…

What it can do on your machine

Read from SKILL.md and the folder at commit 87d1203. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are typescript).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Generate Frontend Forms loads about 8.3k tokens when it runs. Until then it costs about 41 tokens; SKILL.md has 1,718 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~41
When it runs · the whole SKILL.md, loaded when a task matches
~8.3k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 1,718 words (~8,325 tokens).

“This skill provides patterns for building forms using Sentry's new form system built on TanStack React Form and Zod validation.”

— opening of SKILL.md by getsentry, Custom licence
name
generate-frontend-forms

Read the full SKILL.md on GitHub

Files

Just SKILL.md in .agents/skills/generate-frontend-forms of getsentry/sentry.

Open the folder on GitHubat commit 87d1203

Compare with similar skills

Generate Frontend Forms next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Generate Frontend Forms compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Generate Frontend Forms this skillgetsentry/sentry45k—~8.3kAutomated safety check: PassCustom licence
Triage Frontend Issuesgetsentry/skills1k—~2kAutomated safety check: PassApache-2.0
Sentry React SDKgetsentry/sentry-for-ai268—~4.8kAutomated safety check: PassApache-2.0
Sentry Browser SDKgetsentry/sentry-for-ai268—~6.5kAutomated safety check: NotesApache-2.0
Reviewgetsentry/sentry-react-native1.8k—~1.9kAutomated safety check: PassMIT
Design Firstgetsentry/sentry-dart873—~1.8kAutomated safety check: PassMIT

Similar skills

  • Triage Frontend Issues

    getsentry/skills

    Official

    Triage new issues in the Sentry javascript project by archiving non-actionable noise.

    1k GitHub stars~2k tokensUpdated 5 days ago
    Frontend & DesignAuto-check passed
  • Sentry React SDK

    getsentry/sentry-for-ai

    Official

    Full Sentry SDK setup for React. An agent skill from getsentry/sentry-for-ai.

    268 GitHub stars~4.8k tokensUpdated today
    Frontend & DesignAuto-check passed
  • Sentry Browser SDK

    getsentry/sentry-for-ai

    Official

    Full Sentry SDK setup for browser JavaScript. An agent skill from getsentry/sentry-for-ai.

    268 GitHub stars~6.5k tokensUpdated today
    Frontend & DesignAuto-check: notes
  • Review

    getsentry/sentry-react-native

    Official

    Three-axis review of the branch diff — Standards (this repo's documented standards + public API/bridge surface), Spec (the originating Linear/GitHub issue or PR), and Correctness (runtime bugs + the…

    1.8k GitHub stars~1.9k tokensUpdated today
    Agent WorkflowsAuto-check passed
  • Design First

    getsentry/sentry-dart

    Official

    Shape non-trivial work before writing it — decide the modules, the seams, and the public API surface up front.

    873 GitHub stars~1.8k tokensUpdated today
    MobileAuto-check passed
  • Review

    getsentry/sentry-dart

    Official

    Three-axis review of the branch diff — Standards (this repo's documented standards + public API surface), Spec (the originating Linear issue / PR), and Correctness (runtime bugs + the SDK threat…

    873 GitHub stars~1.3k tokensUpdated today
    Agent WorkflowsAuto-check passed

More from getsentry/sentry

All 29 skills in this repo
  • Scraps Review

    getsentry/sentry

    Official

    Filter large Sentry Scraps design-system migration PRs for review by separating mechanical import-path changes, generated baseline updates, snapshot mocks, and pure renames from substantive…

    45k GitHub stars~1.2k tokensUpdated today
    Auto-check: notes
  • Analytics

    getsentry/sentry

    Official

    Instrument and discover analytics events in Sentry's frontend UI.

    45k GitHub stars~2.5k tokensUpdated today
    Auto-check passed
  • Hybrid Cloud Outboxes

    getsentry/sentry

    Official

    Guide for creating and maintaining outbox-based eventually consistent operations in Sentry.

    45k GitHub stars~4.8k tokensUpdated today
    Auto-check passed
  • Hybrid Cloud Rpc

    getsentry/sentry

    Official

    Guide for creating, updating, and deprecating hybrid cloud RPC services in Sentry.

    45k GitHub stars~4k tokensUpdated today
    Auto-check passed
  • Hybrid Cloud Test Gen

    getsentry/sentry

    Official

    Generate hybrid cloud tests for the Sentry codebase. An agent skill from getsentry/sentry.

    45k GitHub stars~2.6k tokensUpdated today
    Auto-check passed
  • Lint Fix

    getsentry/sentry

    Official

    Fix violations of an eslintPluginScraps rule across the codebase.

    45k GitHub stars~1k tokensUpdated today
    Auto-check passed

Works with

Questions about Generate Frontend Forms

What does Generate Frontend Forms do?

Guide for creating forms using Sentry's new form system. An agent skill from getsentry/sentry. Generate Frontend Forms is an agent skill from getsentry/sentry, published by the product's own GitHub organization. Guide for creating forms using Sentry's new form system.

When should I use Generate Frontend Forms?

Generate Frontend Forms fits situations like: implementing forms; auto-save functionality.

How do I install Generate Frontend Forms in Claude Code?

Run `npx skills add getsentry/sentry --skill generate-frontend-forms -a claude-code`. Or copy the skill folder (.agents/skills/generate-frontend-forms in getsentry/sentry) into .claude/skills/generate-frontend-forms in your project. Claude Code loads it when a task matches its description.

How do I install Generate Frontend Forms in Codex?

Run `npx skills add getsentry/sentry --skill generate-frontend-forms -a codex`. Or copy the skill folder (.agents/skills/generate-frontend-forms in getsentry/sentry) into .agents/skills/generate-frontend-forms in your project. Codex loads it when a task matches its description.

Can I use Generate Frontend Forms in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add getsentry/sentry --skill generate-frontend-forms -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/generate-frontend-forms, .gemini/skills/generate-frontend-forms, .github/skills/generate-frontend-forms and .opencode/skills/generate-frontend-forms in your project.

What does Generate Frontend Forms need to run?

SKILL.md names no scripts, command-line tools or credentials: Generate Frontend Forms is instructions for the agent only.

Does Generate Frontend Forms access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Generate Frontend Forms safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Generate Frontend Forms use?

Generate Frontend Forms has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does Generate Frontend Forms use?

About 8.3k tokens (SKILL.md is roughly 33k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Generate Frontend Forms?

Skills that share tags, products or a category with Generate Frontend Forms: Triage Frontend Issues (getsentry/skills, 1k stars), Sentry React SDK (getsentry/sentry-for-ai, 268 stars), Sentry Browser SDK (getsentry/sentry-for-ai, 268 stars) and Review (getsentry/sentry-react-native, 1.8k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Generate Frontend Forms?

getsentry (a GitHub organization, an official publisher) maintains it in getsentry/sentry, which has 45,495 GitHub stars. The repository holds 29 skills in this directory. The repository was last updated on October 7, 2026.

Source: getsentry/sentry on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.