swiftui-microinteractions

Habilidades premium de animação e interação SwiftUI para agentes de codificação de IA — gere microinterações prontas para produção a partir de prompts em inglês simples.

GitHub
110
Experimente este MCPPatrocinado

Documentação

swiftui-microinteractions   Experimente no Dispositivo

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

Habilidades premium de animação e interação SwiftUI para agentes de codificação com IA — gere microinterações prontas para produção a partir de prompts em inglês simples.

Construído a partir do legendary-Animo: 84 demonstrações de animação SwiftUI feitas à mão.

swiftui-microinteractions

Gere animações SwiftUI premium no estilo legendary-Animo — física de mola, CoreHaptics, morfismo de vidro e arquivos completos e compiláveis — a partir de uma descrição em inglês simples.

/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 prompt grava um arquivo .swift completo diretamente no seu projeto. Suporta modos de criação e edição.

Quer Mais? Experimente o Pro

swiftui-microinteractions-pro é um superconjunto licenciado e privado desta habilidade — tudo acima, além de padrões exclusivos premium:

  • FABs de player com morfismo pill ↔ círculo (morfismo de árvore de visual único, nunca if/else cross-fade)
  • Máscaras Canvas de raspar-para-revelar (fluxos de cupom/recompensa)
  • Menus de contexto com zoom hero no estilo Fotos
  • Menus de reação de chat no estilo Telegram com bandejas de reação em GIF animado
  • Emblemas de física integrados com pegar-e-lançar
/swiftui-microinteractions-pro a morphing music player with a pill↔circle mini-player

Ver Pro →

Para Quem É

  • Desenvolvedores iOS que querem microinterações premium sem passar dias ajustando física
  • Designers prototipando interações guiadas por gestos em SwiftUI
  • Equipes que querem qualidade de animação consistente em todo o aplicativo
  • Qualquer pessoa que queira entregar o tipo de interação que faz os usuários perguntarem "como eles fizeram isso?"

Instalação

Opção A: CLI skills.sh

npx skills add iAmVishal16/swiftui-microinteractions

Depois use no seu agente:

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

Ver no skills.sh →

Opção B: Plugin Claude Code

Adicione ao seu .claude/settings.json:

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

Ou via CLI do Claude Code:

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

Opção C: Instalação Manual

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

A habilidade fica então disponível como /swiftui-microinteractions em qualquer sessão do Claude Code.

Opção D: Instale com Qualquer Agente de IA

Sem CLI para aprender: cole isto em qualquer ferramenta de codificação agêntica (Claude Code, Cursor, Windsurf, Copilot agent, Codex CLI) e ela instala a habilidade para si mesma.

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.

Depois de instalada, basta descrever o que você quer:

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

Fixar uma versão. main sempre serve as regras mais recentes; troque por uma tag de release (ex.: .../v1.24.0/SKILL.md) quando quiser a instalação fixada em uma versão.

Por que funciona: SKILL.md é a habilidade inteira em um único arquivo — predefinições de mola, gramática háptica, DNA visual, receitas de metaball, regras de código — e já carrega o frontmatter name / description que o Claude Code espera, então colocá-lo no lugar é a instalação completa.

O Que Está Incluído

A habilidade codifica a estética completa do legendary-Animo sem exigir conhecimento do código-fonte:

  • Biblioteca de física de mola — 7 predefinições ajustadas (snap, pop, settle, morph, stiff, dial) com valores exatos de response + dampingFraction
  • Gramática háptica — escada de 4 eventos ligada às fases de interação (início do arrasto, cruzamento de limite, confirmação, destruição)
  • DNA visual — fundo escuro, superfícies de morfismo de vidro, hierarquia de opacidade em 7 níveis, sistema de gradiente em dois tons
  • Padrão líquido de metaball — receita de Canvas + .blur() + .contrast() + .blendMode(.screen)
  • Cadeias de animação multifásicas — DispatchQueue.main.asyncAfter empilhados para sequências coreografadas
  • Níveis de arquitetura de estado — Simples (2–4 @State) / Médio (5–8) / Complexo (10+) com regras de tipos de propriedade
  • Lei de estrutura de código — layout obrigatório de MARK, tokens em camelCase, sem números mágicos
  • Modos Criar + Editar — gera novos arquivos ou modifica os existentes, grava diretamente no disco

Estrutura da Habilidade

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

Repositório de habilidade única: SKILL.md fica na raiz do repositório, indexado pelo skills.sh como iamvishal16/swiftui-microinteractions.

Contribuindo

Contribuições são bem-vindas. Abra um PR para melhorar o conteúdo da habilidade, adicionar novos padrões de animação ou corrigir valores de física incorretos.

Sobre

Construído por Vishal Paliwal — desenvolvedor iOS e criador do legendary-Animo.

Apoie o trabalho: Patreon

Licença

Licença MIT. Veja LICENSE para detalhes.