formcraft

Generate semantic HTML form markup and audit existing forms for UX and accessibility issues.

Updated May 23, 2026
One-click install
npx skills add https://github.com/fauverism/formcraft-skill --skill formcraft
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: formcraft
Source: https://github.com/fauverism/formcraft-skill/tree/main
Command: npx skills add https://github.com/fauverism/formcraft-skill --skill formcraft

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

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.

Frequently Asked Questions about formcraft

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate accessible web forms for a multi-step onboarding flow?

To generate accessible web forms, provide your product flow requirements like onboarding or checkout. The system outputs production-ready semantic HTML markup with correct label associations, ARIA attributes, validation timing, and behavioral implementation guidance.

How do I audit existing web forms for UX and accessibility issues?

To audit existing web forms, submit your current markup for review. The system identifies UX and accessibility issues, ranks findings by impact, and provides targeted fixes with clear explanations for correct ARIA usage and error handling.

What is the best way to ensure semantic HTML and ARIA compliance in signup forms?

The best way to ensure semantic HTML and ARIA compliance is to use a generation tool that applies accessibility guardrails automatically. It creates correct label and input associations, manages focus, and includes behavioral notes for your stack.

Can I use this approach to add inline validation to checkout forms?

Yes, you can add inline validation to checkout forms. The system generates production-ready markup with modern interaction patterns, specifying validation timing and error handling behaviors to ensure an accessible and user-friendly checkout experience.

Does this work for complex form patterns like wizards and surveys?

Yes, this works for complex form patterns like wizards and surveys. It supports common product workflows by generating semantic HTML structure and providing behavioral implementation guidance for multi-step interactions and focus management.

Why does my form audit show issues with label and input associations?

Form audits show label and input association issues when markup lacks proper semantic HTML or ARIA connections. The system flags these accessibility gaps by impact rank and provides targeted fixes to correctly link labels, help text, and error messages.