Communitygithub.com

psmon/pencil-creator

▎ Habilidade de Design com Foco em Animação usando Claude Code + Pencil MCP

O que é pencil-creator?

Esta habilidade permite que desenvolvedores e designers criem animações complexas e designs interativos diretamente no terminal, combinando o poder do Claude Code com o servidor MCP Pencil. Ao invés de depender de ferramentas visuais tradicionais, você pode descrever animações frame a frame, transições e efeitos visuais usando linguagem natural, e o skill gera o código correspondente (como CSS, SVG, ou JavaScript). É particularmente útil para prototipagem rápida de interfaces de usuário com movimento, micro-interações, e storytelling visual. A integração com Pencil MCP permite controle preciso sobre propriedades de animação como duração, easing, e sequenciamento, tudo a partir de comandos de texto no Claude Code. Ideal para equipes que trabalham com design systems, landing pages animadas, ou experimentos criativos com motion design.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add psmon/pencil-creator

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que pencil-creator faz?

▎ Habilidade de Design com Foco em Animação usando Claude Code + Pencil MCP

Habilidades Relacionadas