Guida completa per la creazione di moduli accessibili e ad alta UX in stack moderni (React/Next.js, Tailwind, Zod). Include modelli specifici per aree cliccabili, cursori di intervallo, design ispirato all'output e conformità WCAG.
Installa rapidamente la skill AI better-forms nel tuo ambiente di sviluppo tramite riga di comando
Fonte: alexeira/skills.
A collection of specific UX patterns, accessibility standards, and implementation techniques for modern web forms. This guide bridges the gap between raw HTML/CSS tips and component-based architectures (React, Tailwind, Headless UI).
Concept: Small gaps between clickable list items create frustration. Implementation (Tailwind): Use a pseudo-element to expand the hit area without affecting layout.
Concept: "From $10 to $1000" text inputs are tedious. Implementation: Use a dual-thumb slider component (like Radix UI / Shadcn Slider) for ranges.
Guida completa per la creazione di moduli accessibili e ad alta UX in stack moderni (React/Next.js, Tailwind, Zod). Include modelli specifici per aree cliccabili, cursori di intervallo, design ispirato all'output e conformità WCAG. Fonte: alexeira/skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/alexeira/skills --skill better-formsGuida completa per la creazione di moduli accessibili e ad alta UX in stack moderni (React/Next.js, Tailwind, Zod). Include modelli specifici per aree cliccabili, cursori di intervallo, design ispirato all'output e conformità WCAG. Fonte: alexeira/skills.
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/alexeira/skills --skill better-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
https://github.com/alexeira/skills