building-forms

82 / 100 · Low risk

Fine to try.

By ancoleman/ai-design-components (GitHub) · design · 530 stars · scanned at commit 76551b7

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 mul…

Works with any agent that supports SKILL.md skills.

What this skill can do

Downloads and installs other software

The author does not mention this.

Found in 12 places.

skills/building-forms/examples/python/basic_form.py, line 15pip install fastapi uvicorn 'pydantic[email]'
skills/building-forms/examples/python/pydantic_validation.py, line 17pip install 'pydantic[email]'
skills/building-forms/references/python/examples/basic_form.py, line 15pip install fastapi uvicorn 'pydantic[email]'

Show 9 more

skills/building-forms/references/python/examples/pydantic_validation.py, line 17pip install 'pydantic[email]'
skills/building-forms/references/python/pydantic-forms.md, line 32pip install pydantic
skills/building-forms/references/python/pydantic-forms.md, line 35pip install 'pydantic[email]'
skills/building-forms/references/python/pydantic-forms.md, line 38pip install fastapi
skills/building-forms/references/python/pydantic-forms.md, line 41pip install 'uvicorn[standard]'
skills/building-forms/references/python/wtforms.md, line 36pip install wtforms
skills/building-forms/references/python/wtforms.md, line 39pip install flask-wtf
skills/building-forms/references/python/wtforms.md, line 42pip install email-validator
skills/building-forms/references/python/wtforms.md, line 45pip install flask flask-wtf email-validator

Connects to the internet

This is disclosed by the author in the skill's SKILL.md or README.

Found in 14 places.

skills/building-forms/examples/python/basic_form.py, line 341response = httpx.post("http://localhost:8000/api/contact", json=contact_data)
skills/building-forms/examples/python/basic_form.py, line 356response = httpx.post("http://localhost:8000/api/register", json=registration_data)
skills/building-forms/examples/python/basic_form.py, line 366response = httpx.post("http://localhost:8000/api/login", json=login_data)

Show 11 more

skills/building-forms/references/javascript/react-hook-form.md, line 107await fetch('/api/register', {
skills/building-forms/references/javascript/react-hook-form.md, line 378const response = await fetch(`/api/check-username?name=${value}`);
skills/building-forms/references/javascript/react-hook-form.md, line 406const response = await fetch(`/api/check-username?name=${value}`);
skills/building-forms/references/javascript/react-hook-form.md, line 799await fetch('/api/register', {
skills/building-forms/references/javascript/zod-validation.md, line 372const response = await fetch(`/api/check-username?name=${username}`);
skills/building-forms/references/python/examples/basic_form.py, line 341response = httpx.post("http://localhost:8000/api/contact", json=contact_data)
skills/building-forms/references/python/examples/basic_form.py, line 356response = httpx.post("http://localhost:8000/api/register", json=registration_data)
skills/building-forms/references/python/examples/basic_form.py, line 366response = httpx.post("http://localhost:8000/api/login", json=login_data)
skills/building-forms/references/python/pydantic-forms.md, line 533async with httpx.AsyncClient() as client:
skills/building-forms/references/ux-patterns.md, line 206fetch('/api/detect-country')
skills/building-forms/references/ux-patterns.md, line 965await fetch('/api/save-draft', {

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'building-forms' ] || [ -L ~/.agents/skills/'building-forms' ]; then echo 'A skill folder named building-forms already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/ancoleman/ai-design-components' "$d" && git -C "$d" checkout --quiet '76551b7b19ebc667764ec75da14990d0aef8b6e5' -- 'skills/building-forms' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/building-forms' ~/.agents/skills/'building-forms' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'building-forms' ~/.claude/skills/'building-forms' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for ancoleman/ai-design-components shows the score of its lowest-scoring skill.

SkillTrust badge for ancoleman/ai-design-components

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/ancoleman/ai-design-components.svg)](https://zalavijaysinh.github.io/skilltrust/repos/ancoleman/ai-design-components/)

Score history

Date	Version	Score
2026-11-08	`76551b7`	100
2026-11-07	`76551b7`	82