building-forms

Name: building-forms
Author: ancoleman

byancoleman· 58 skills

Installs

Stars

390

Forks

Category

Frontend Development

View on GitHub

TL;DR

Builds form components and data collection interfaces including contact forms, registration flows, checkout processes, surveys, and settings pages. Includes 50+ input types, validation strategies, accessibility patterns (WCAG 2.1), multi-step wizards, and UX best practices. Provides decision trees from data type to component selection, validation timing guidance, and error handling patterns. Use when creating forms, collecting user input, building surveys, implementing validation, designing multi-step workflows, or ensuring form accessibility.

How to install building-forms?

ancoleman/ai-design-components/building-forms

$npx -y skills add ancoleman/ai-design-components --skill building-forms

Installs into the current project.

›Prefer a prompt? Paste this to your agent

Use this skill

Run `npx skills use "https://github.com/ancoleman/ai-design-components" --skill "ancoleman/ai-design-components/building-forms"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.

Use the whole pack

Use the skills in "https://github.com/ancoleman/ai-design-components" that are relevant to the current task. Run `npx skills add "https://github.com/ancoleman/ai-design-components"` and select the relevant skills, then follow their instructions.

6 picks

Type

building-forms

byancoleman· 58 skills

Installs

Stars

390

Forks

How to install building-forms?

ancoleman/ai-design-components/building-forms

$npx -y skills add ancoleman/ai-design-components --skill building-forms

Installs into the current project.

›Prefer a prompt? Paste this to your agent

Use this skill

Run `npx skills use "https://github.com/ancoleman/ai-design-components" --skill "ancoleman/ai-design-components/building-forms"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.

Use the whole pack

Use the skills in "https://github.com/ancoleman/ai-design-components" that are relevant to the current task. Run `npx skills add "https://github.com/ancoleman/ai-design-components"` and select the relevant skills, then follow their instructions.

6 picks

Type

building-forms

How to install building-forms?

Related

building-forms

How to install building-forms?

Related