CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

generate-frontend-forms

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

68

Quality

86%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

85%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

An exceptionally actionable, project-specific reference with complete executable examples, clear guardrails, and a consolidating checklist — but it is a monolithic single-file skill. Splitting the field catalog, auto-save details, and mutation-typing rules into bundled reference files would cut context-window cost without losing usability.

Suggestions

Move the field-component catalog (Input through BaseField), the auto-save sections, and the mutation-typing rules into references/ files (e.g., references/fields.md, references/autosave.md, references/mutations.md), keeping SKILL.md as a concise overview with one-level-deep, clearly signaled links.

Deduplicate the reset-after-save guidance (currently both 'Resetting After Save' and 'Form Reset After Save' sections) and trim the confirm-prop examples from five to the two most illustrative cases.

Replace the '../../../static/app/components/core/form/fields.mdx#checkbox-group' link with a bundled reference file (or inline the checkbox-group example), since the relative repo path is not resolvable from the skill bundle.

DimensionReasoningScore

Conciseness

Nearly all content is project-specific API knowledge Claude cannot know (useScrapsForm, defaultFormOptions semantics, FieldErrors contract, auto-save triggers per field type), so tokens mostly earn their place. It sits at score 4 rather than 5 because of noticeable duplication: form-reset-after-save guidance appears twice as full sections ('Resetting After Save' and 'Form Reset After Save'), defaultFormOptions importance is explained three times, and the confirm-prop section gives five overlapping examples that could be trimmed. It is well above the score-3 anchor since padding is the exception, not the rule.

4 / 5

Actionability

Fully executable, copy-paste-ready TSX examples cover the common cases end to end: complete useScrapsForm usage, all nine field types (input, number, select single/multiple, switch, textarea, range, radio, custom BaseField), layouts, Zod schema patterns including the nullable-refine z.input/z.output flow, server error mapping with setFieldErrors, AutoSaveForm with mutationOptions, and confirm dialogs. Paired ❌/✅ do-and-don't pairs make the correct path unambiguous.

5 / 5

Workflow Clarity

The 'Quick Reference Checklist' provides an explicit ordered sequence for both form creation and auto-save fields, and the surrounding sections supply the validation checkpoints it references: schema validation via validators:{onDynamic}, error recovery via narrowing to RequestError and setFieldErrors, conditional field-level validators, and reset-after-save. The feedback loops (validate → show field errors, mutate → setFieldErrors, save → form.reset) match the score-5 anchor including its checklist criterion.

5 / 5

Progressive Disclosure

No bundle files (references/, scripts/, assets/) exist, and this ~1,100-line SKILL.md inlines everything: a full field-component catalog, layout reference, auto-save behavior tables, and an extensive do's-and-don'ts section — material that belongs in one-level-deep reference files per the rubric rationale. Internal section structure and the closing File References table are good, which keeps it above the score-2 'minimal structure' anchor, but it matches score 3's 'content that should be separate is inline'. The one delegation attempt — a relative link to '../../../static/app/components/core/form/fields.mdx#checkbox-group' — points outside the skill bundle to a path that cannot be verified and is unlikely to resolve from the skill's directory.

3 / 5

Total

17

/

20

Passed

Description

83%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A strong description: third-person, concise, with an explicit 'Use when' clause listing concrete trigger scenarios tied to a clearly named niche system. The main weaknesses are a thin 'what' (a single action phrase) and missing common synonyms (input fields, Zod, React) in the trigger terms.

DimensionReasoningScore

Specificity

The description names its domain ("Sentry's new form system") and enumerates several concrete capabilities: "creating forms", "form fields", "display-only form content", "validation", and "auto-save functionality". It matches the 'lists several specific actions; minor gaps' anchor rather than 5 because the 'what' is carried by a single verb phrase ('Guide for creating forms') and could enumerate more actions (layouts, error handling, field grouping); it is well above the 1–2 concrete actions of the score-3 anchor.

4 / 5

Completeness

It explicitly answers both questions: the 'what' is "Guide for creating forms using Sentry's new form system" and the 'when' is an explicit "Use when implementing forms, form fields, display-only form content, validation, or auto-save functionality" with concrete trigger phrases. This matches the score-5 anchor's structure (clear what + explicit Use-when with concrete triggers) and clearly exceeds score 4, where the 'when' is present but vague.

5 / 5

Trigger Term Quality

Natural trigger terms are present and would be said by users: "forms", "form fields", "validation", "auto-save", "display-only form content". It falls short of the score-5 comprehensive anchor because common synonyms are missing — e.g., 'input fields', 'form validation', 'settings forms', or named technologies like 'React'/'Zod' that a user might mention.

4 / 5

Distinctiveness Conflict Risk

"Sentry's new form system" carves out a clear niche with distinct, form-scoped triggers, so it is unlikely to fire for unrelated skills. It stops short of score 5 because broad terms like "validation" and "auto-save functionality" could overlap with a generic validation or persistence skill outside the form context; it is more distinct than the score-3 'somewhat specific but could still overlap' anchor.

4 / 5

Total

17

/

20

Passed

Validation

87%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

skill_md_line_count

SKILL.md is long (1124 lines); consider splitting into references/ and linking

Warning

relative_links

Relative link issues: 1 suspicious

Warning

Total

14

/

16

Passed

Repository

getsentry/sentry

Path

.agents/skills/generate-frontend-forms/SKILL.md

Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.