·building-forms
*

building-forms

Costruisce componenti di moduli e interfacce di raccolta dati inclusi moduli di contatto, flussi di registrazione, processi di pagamento, sondaggi e pagine di impostazioni. Include oltre 50 tipi di input, strategie di convalida, modelli di accessibilità (WCAG 2.1), procedure guidate in più passaggi e best practice UX. Fornisce alberi decisionali dal tipo di dati alla selezione dei componenti, indicazioni sui tempi di convalida e modelli di gestione degli errori. Da utilizzare durante la creazione di moduli, la raccolta dell'input degli utenti, la creazione di sondaggi, l'implementazione della convalida, la progettazione di flussi di lavoro in più fasi o la garanzia dell'accessibilità dei moduli.

27Installazioni·0Tendenza·@ancoleman

Installazione

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

Come installare building-forms

Installa rapidamente la skill AI building-forms nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/ancoleman/ai-design-components --skill building-forms
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: ancoleman/ai-design-components.

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

Costruisce componenti di moduli e interfacce di raccolta dati inclusi moduli di contatto, flussi di registrazione, processi di pagamento, sondaggi e pagine di impostazioni. Include oltre 50 tipi di input, strategie di convalida, modelli di accessibilità (WCAG 2.1), procedure guidate in più passaggi e best practice UX. Fornisce alberi decisionali dal tipo di dati alla selezione dei componenti, indicazioni sui tempi di convalida e modelli di gestione degli errori. Da utilizzare durante la creazione di moduli, la raccolta dell'input degli utenti, la creazione di sondaggi, l'implementazione della convalida, la progettazione di flussi di lavoro in più fasi o la garanzia dell'accessibilità dei moduli. Fonte: ancoleman/ai-design-components.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/ancoleman/ai-design-components --skill building-forms
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-10

Browse more skills from ancoleman/ai-design-components

Risposte rapide

Che cos'è building-forms?

Costruisce componenti di moduli e interfacce di raccolta dati inclusi moduli di contatto, flussi di registrazione, processi di pagamento, sondaggi e pagine di impostazioni. Include oltre 50 tipi di input, strategie di convalida, modelli di accessibilità (WCAG 2.1), procedure guidate in più passaggi e best practice UX. Fornisce alberi decisionali dal tipo di dati alla selezione dei componenti, indicazioni sui tempi di convalida e modelli di gestione degli errori. Da utilizzare durante la creazione di moduli, la raccolta dell'input degli utenti, la creazione di sondaggi, l'implementazione della convalida, la progettazione di flussi di lavoro in più fasi o la garanzia dell'accessibilità dei moduli. Fonte: ancoleman/ai-design-components.

Come installo building-forms?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/ancoleman/ai-design-components --skill building-forms Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

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