Communitygithub.com

psmon/pencil-creator

▎ Animations-zentrierte Design-SKILL mit Claude Code + Pencil MCP

Was ist pencil-creator?

Diese Skill nutzt Claude Code in Kombination mit dem Pencil MCP, um Animationen in den Mittelpunkt des Designprozesses zu stellen. Sie ermöglicht es Entwicklern und Designern, interaktive, animierte UI-Komponenten direkt über die Kommandozeile zu erstellen und zu iterieren, ohne zwischen verschiedenen Tools wechseln zu müssen. Der Fokus liegt auf schnellem Prototyping und nahtloser Integration von Bewegungsdesign in moderne Webanwendungen. Typische Anwendungsfälle umfassen das Erstellen von Microinteractions, Ladeanimationen oder komplexen, datengesteuerten Animationen, die mit Pencil MCP in Echtzeit gerendert und getestet werden können.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add psmon/pencil-creator

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht pencil-creator?

▎ Animations-zentrierte Design-SKILL mit Claude Code + Pencil MCP

Verwandte Skills