formcraft

What problem does it solve?

This Skill helps you produce web forms that are easier to use and more accessible by design, or it helps you quickly find and fix UX and accessibility issues in an existing form.

Core Features & Use Cases

• Generator mode: creates production-ready form markup with expert UX, accessibility, and modern interaction patterns for common workflows like signup, checkout, onboarding, settings, wizards, and surveys.
• Audit mode: reviews existing form markup, identifies issues by impact, and provides targeted fixes with clear explanations.
• Depth dial guidance: supports Quick, Guided, and Deep levels to match how much clarification and rationale you want.
• Accessibility + behavioral guardrails: emphasizes correct label/input association, error handling, validation timing, focus management, and ARIA practices, with behavioral notes you can implement in your stack.

Quick Start

Use the formcraft skill to generate an accessible signup form for a two-step onboarding flow with inline validation and audit notes for customization.