·building-forms
*

building-forms

ancoleman/ai-design-components

Erstellt Formularkomponenten und Datenerfassungsschnittstellen, einschließlich Kontaktformularen, Registrierungsabläufen, Checkout-Prozessen, Umfragen und Einstellungsseiten. Enthält über 50 Eingabetypen, Validierungsstrategien, Barrierefreiheitsmuster (WCAG 2.1), mehrstufige Assistenten und UX-Best Practices. Bietet Entscheidungsbäume vom Datentyp bis zur Komponentenauswahl, Hinweise zum Validierungszeitpunkt und Fehlerbehandlungsmuster. Verwenden Sie sie zum Erstellen von Formularen, zum Sammeln von Benutzereingaben, zum Erstellen von Umfragen, zum Implementieren der Validierung, zum Entwerfen von mehrstufigen Arbeitsabläufen oder zum Sicherstellen der Formularzugänglichkeit.

17Installationen·1Trend·@ancoleman

Installation

$npx skills add https://github.com/ancoleman/ai-design-components --skill building-forms

SKILL.md

Build accessible, user-friendly forms with systematic component selection, validation strategies, and UX best practices.

Forms are the primary mechanism for user data input in web applications. This skill provides systematic guidance for:

The Golden Rule: Data Type → Input Component → Validation Pattern

Erstellt Formularkomponenten und Datenerfassungsschnittstellen, einschließlich Kontaktformularen, Registrierungsabläufen, Checkout-Prozessen, Umfragen und Einstellungsseiten. Enthält über 50 Eingabetypen, Validierungsstrategien, Barrierefreiheitsmuster (WCAG 2.1), mehrstufige Assistenten und UX-Best Practices. Bietet Entscheidungsbäume vom Datentyp bis zur Komponentenauswahl, Hinweise zum Validierungszeitpunkt und Fehlerbehandlungsmuster. Verwenden Sie sie zum Erstellen von Formularen, zum Sammeln von Benutzereingaben, zum Erstellen von Umfragen, zum Implementieren der Validierung, zum Entwerfen von mehrstufigen Arbeitsabläufen oder zum Sicherstellen der Formularzugänglichkeit. Quelle: ancoleman/ai-design-components.

Original anzeigen

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/ancoleman/ai-design-components --skill building-forms
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist building-forms?

Erstellt Formularkomponenten und Datenerfassungsschnittstellen, einschließlich Kontaktformularen, Registrierungsabläufen, Checkout-Prozessen, Umfragen und Einstellungsseiten. Enthält über 50 Eingabetypen, Validierungsstrategien, Barrierefreiheitsmuster (WCAG 2.1), mehrstufige Assistenten und UX-Best Practices. Bietet Entscheidungsbäume vom Datentyp bis zur Komponentenauswahl, Hinweise zum Validierungszeitpunkt und Fehlerbehandlungsmuster. Verwenden Sie sie zum Erstellen von Formularen, zum Sammeln von Benutzereingaben, zum Erstellen von Umfragen, zum Implementieren der Validierung, zum Entwerfen von mehrstufigen Arbeitsabläufen oder zum Sicherstellen der Formularzugänglichkeit. Quelle: ancoleman/ai-design-components.

Wie installiere ich building-forms?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/ancoleman/ai-design-components --skill building-forms Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

https://github.com/ancoleman/ai-design-components