¿Qué es forms-inputs?
Úselo al animar campos de formulario, entradas, áreas de texto, selecciones o elementos de formulario interactivos para mejorar la usabilidad y la retroalimentación. Fuente: dylantarre/animation-principles.
·forms-inputs
*
forms-inputs
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesFuente: dylantarre/animation-principles
Úselo al animar campos de formulario, entradas, áreas de texto, selecciones o elementos de formulario interactivos para mejorar la usabilidad y la retroalimentación.
Instalación
Cómo instalar forms-inputs
Instala rápidamente el skill de IA forms-inputs en tu entorno de desarrollo mediante línea de comandos
- Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
- Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/dylantarre/animation-principles --skill forms-inputs
- Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
Fuente: dylantarre/animation-principles.
SKILL.md
Ver originalApply Disney's 12 principles to forms for clear feedback and delightful interactions.
Squash & Stretch Input fields can subtly expand on focus (1-2px height). Submit button compresses on click. Checkboxes bounce on toggle.
Anticipation Label floats up before user types. Focus ring appears before content entry. Prepares user for input action.
Úselo al animar campos de formulario, entradas, áreas de texto, selecciones o elementos de formulario interactivos para mejorar la usabilidad y la retroalimentación. Fuente: dylantarre/animation-principles.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/dylantarre/animation-principles --skill forms-inputs- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-03-05
- Actualizado
- 2026-03-10
Respuestas rápidas
¿Cómo instalo forms-inputs?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/dylantarre/animation-principles --skill forms-inputs Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
¿Dónde está el repositorio de origen?
https://github.com/dylantarre/animation-principles
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-03-05