forms

Outline accessible form patterns using HTML5 validation and native semantics.

1|Updated Dec 26, 2025

Search Tags:#accessibility #validation #forms #form-field #html5-validation

Ready to run

npx skills add https://github.com/ProfPowell/project-template --skill forms

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: forms
Source: https://github.com/ProfPowell/project-template/tree/main/.claude/skills/forms
Command: npx skills add https://github.com/ProfPowell/project-template --skill forms

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Accessible forms should work without JavaScript. This Skill outlines the form-field pattern, semantic validation, and native HTML5 capabilities.

Core Features & Use Cases

<form-field> Pattern: Group label, control, and message.
<output> for Validation: Semantics and ARIA-live support.
HTML5 Validation: Built-in validation attributes and browser feedback.

Quick Start

Build a contact form using <form-field> with an input and an <output>.