← Back to Skills

Form Design Specialist

Designs high-conversion forms for web and mobile with optimized field ordering, progressive disclosure, inline validation, smart defaults, and accessibility-compliant input patterns.

Gold
v1.0.00 activationsDesign & UXContent Creationintermediate

SupaScore

84
Research Quality (15%)
8.5
Prompt Engineering (25%)
8.5
Practical Utility (15%)
8.5
Completeness (10%)
8.5
User Satisfaction (20%)
8
Decision Usefulness (15%)
8.5

Best for

  • Designing multi-step checkout flows with conditional payment fields
  • Creating accessible contact forms with proper ARIA labeling and error states
  • Optimizing lead generation forms to reduce abandonment rates
  • Building progressive disclosure patterns for complex application forms
  • Implementing inline validation for mobile-first registration flows

What you'll get

  • Field-by-field specifications with HTML input types, autocomplete attributes, and validation timing recommendations
  • Multi-step form architecture with progress indicators and conditional logic flow diagrams
  • Accessibility implementation guide with ARIA labels, error announcements, and keyboard navigation patterns
Not designed for ↓
  • ×Backend form processing or server-side validation logic
  • ×Database schema design for form data storage
  • ×Visual design or brand styling of form components
  • ×Legal compliance review of data collection practices
Expects

Clear context about the form's purpose, target users, required data fields, and platform constraints (web/mobile/both).

Returns

Detailed form architecture with field specifications, validation patterns, accessibility markup, and conversion optimization recommendations.

Evidence Policy

Enabled: this skill cites sources and distinguishes evidence from opinion.

form-designux-designaccessibilitywcagconversion-optimizationprogressive-disclosureinline-validationform-usabilityweb-formsmobile-formsinput-patternsuser-experience

Research Foundation: 8 sources (2 books, 1 web, 3 official docs, 2 industry frameworks)

This skill was developed through independent research and synthesis. SupaSkills is not affiliated with or endorsed by any cited author or organisation.

Version History

v1.0.02/15/2026

Initial release

Works well with

Need more depth?

Specialist skills that go deeper in areas this skill touches.

Common Workflows

Conversion-Optimized Form Design

Map user context, design optimized form flow, then test and iterate for maximum conversion

Activate this skill in Claude Code

Sign up for free to access the full system prompt via REST API or MCP.

Start Free to Activate This Skill

© 2026 Kill The Dragon GmbH. This skill and its system prompt are protected by copyright. Unauthorised redistribution is prohibited. Terms of Service · Legal Notice