swiftui-microinteractions

Habilidades premium de animación e interacción en SwiftUI para agentes de codificación de IA: genera microinteracciones listas para producción a partir de indicaciones en inglés sencillo.

GitHub
110
Prueba este MCPPatrocinado

Documentación

swiftui-microinteractions   Probar en el dispositivo

License: MIT skills.sh installs Skill Stars legendary-Animo

Habilidades premium de animación e interacción en SwiftUI para agentes de codificación con IA: genera microinteracciones listas para producción a partir de indicaciones en inglés sencillo.

Construido a partir de legendary-Animo: 84 demostraciones de animación SwiftUI elaboradas a mano.

swiftui-microinteractions

Genera animaciones SwiftUI premium en el estilo legendary-Animo — física de resortes, CoreHaptics, morfismo de vidrio y archivos compilables completos — a partir de una descripción en inglés sencillo.

/swiftui-microinteractions iOS toggle but the track floods with liquid when switched
/swiftui-microinteractions a notification card you can rip apart by pulling both edges
/swiftui-microinteractions edit ViscousButtonView.swift — increase tear threshold to 160pt

Cada indicación escribe un archivo .swift completo directamente en tu proyecto. Admite modos de creación y edición.

¿Quieres Más? Prueba Pro

swiftui-microinteractions-pro es un superconjunto privado con licencia de esta habilidad: todo lo anterior, más patrones exclusivos premium:

  • FABs de reproductor con morfismo píldora ↔ círculo (morfismo de árbol de vista única, nunca if/else fundido cruzado)
  • Máscaras Canvas de rascar para revelar (flujos de cupones/recompensas)
  • Menús contextuales de zoom héroe estilo Fotos
  • Menús de reacción de chat estilo Telegram con bandejas de reacción GIF animadas
  • Insignias de física integradas de agarrar y lanzar con la mano
/swiftui-microinteractions-pro a morphing music player with a pill↔circle mini-player

Ver Pro →

Para Quién Es Esto

  • Desarrolladores de iOS que quieren microinteracciones premium sin pasar días ajustando física
  • Diseñadores que prototipan interacciones basadas en gestos en SwiftUI
  • Equipos que quieren calidad de animación consistente en toda su aplicación
  • Cualquiera que quiera lanzar el tipo de interacciones que hacen que los usuarios digan "¿cómo hicieron eso?"

Instalación

Opción A: CLI de skills.sh

npx skills add iAmVishal16/swiftui-microinteractions

Luego úsalo en tu agente:

/swiftui-microinteractions iOS toggle but the track floods with liquid when switched

Ver en skills.sh →

Opción B: Plugin de Claude Code

Agrega a tu .claude/settings.json:

{
  "enabledPlugins": {
    "swiftui-microinteractions@iamvishal16-skills": true
  },
  "extraKnownMarketplaces": {
    "iamvishal16-skills": {
      "source": {
        "source": "github",
        "repo": "iAmVishal16/swiftui-microinteractions"
      }
    }
  }
}

O mediante la CLI de Claude Code:

/plugin marketplace add iAmVishal16/swiftui-microinteractions
/plugin install swiftui-microinteractions@iamvishal16-skills

Opción C: Instalación Manual

curl -o ~/.claude/commands/swiftui-microinteractions.md \
  https://raw.githubusercontent.com/iAmVishal16/swiftui-microinteractions/main/SKILL.md

La habilidad está entonces disponible como /swiftui-microinteractions en cualquier sesión de Claude Code.

Opción D: Instalar con Cualquier Agente de IA

Sin CLI que aprender: pega esto en cualquier herramienta de codificación agéntica (Claude Code, Cursor, Windsurf, agente de Copilot, CLI de Codex) y se instalará la habilidad por sí misma.

Install the swiftui-microinteractions skill for yourself.

1. Fetch https://raw.githubusercontent.com/iAmVishal16/swiftui-microinteractions/main/SKILL.md
   with curl (or your shell) so the file lands byte-exact — do not retype,
   summarize, or reformat it.
2. Save it where you read your own instructions from:
     Claude Code     → ~/.claude/skills/swiftui-microinteractions/SKILL.md
     Cursor          → .cursor/rules/swiftui-microinteractions.mdc
     Windsurf        → .windsurf/rules/swiftui-microinteractions.md
     GitHub Copilot  → append to .github/copilot-instructions.md
     anything else   → append to AGENTS.md in the repo root
3. Confirm the install by printing the "swiftui-microinteractions vX.Y.Z"
   line from the file you saved.

From now on, when I describe a SwiftUI animation, follow that file's rules
precisely and write a complete, compilable .swift file.

Una vez instalada, solo describe lo que quieres:

iOS toggle but the track floods with liquid when switched

a notification card you can rip apart by pulling both edges

a capsule that morphs into a red circle toggle with rubber-band physics

Fija una versión. main siempre sirve las reglas más nuevas; cámbialo por una etiqueta de versión (por ejemplo, .../v1.24.0/SKILL.md) cuando quieras que la instalación quede fijada a una versión.

Por qué funciona: SKILL.md es toda la habilidad en un solo archivo: ajustes de resortes, gramática háptica, ADN visual, recetas de metabolas, reglas de código — y ya lleva el frontmatter name / description que Claude Code espera, así que colocarlo en su lugar es toda la instalación.

Qué Incluye

La habilidad codifica la estética completa de legendary-Animo sin requerir conocimiento del código base:

  • Biblioteca de física de resortes — 7 ajustes afinados (snap, pop, settle, morph, stiff, dial) con valores exactos de response + dampingFraction
  • Gramática háptica — escalera de 4 eventos vinculada a las fases de interacción (inicio de arrastre, cruce de umbral, confirmación, destrucción)
  • ADN visual — fondo oscuro, superficies de morfismo de vidrio, jerarquía de opacidad de 7 niveles, sistema de gradiente de dos tonos
  • Patrón de metabola líquida — receta de Canvas + .blur() + .contrast() + .blendMode(.screen)
  • Cadenas de animación multifase — DispatchQueue.main.asyncAfter apilados para secuencias coreografiadas
  • Niveles de arquitectura de estado — Simple (2–4 @State) / Medio (5–8) / Complejo (10+) con reglas de tipos de propiedades
  • Ley de estructura de código — diseño obligatorio de MARK, tokens en camelCase, sin números mágicos
  • Modos de crear + editar — genera archivos nuevos o modifica los existentes, escribe directamente en el disco

Estructura de la Habilidad

swiftui-microinteractions/   ← repo root
  SKILL.md
  README.md
  CHANGELOG.md
  LICENSE

Repositorio de habilidad única: SKILL.md vive en la raíz del repositorio, indexado por skills.sh como iamvishal16/swiftui-microinteractions.

Contribuciones

Las contribuciones son bienvenidas. Abre un PR para mejorar el contenido de la habilidad, agregar nuevos patrones de animación o corregir valores de física incorrectos.

Acerca de

Creado por Vishal Paliwal — desarrollador de iOS y creador de legendary-Animo.

Apoya el trabajo: Patreon

Licencia

Licencia MIT. Consulta LICENSE para más detalles.