Communitygithub.com

chiroro-jr/pencil-design

Entwerfen Sie Benutzeroberflächen in Pencil (.pen-Dateien) und generieren Sie daraus produktionsreifen Code. Verwenden Sie diese Fähigkeit bei der Arbeit mit .pen-Dateien, dem Entwurf von Bildschirmen oder Komponenten in Pencil oder der Codegenerierung aus Pencil-Entwürfen. Sie wird bei Aufgaben ausgelöst, die Pencil, .pen-Dateien, Design-to-Code-Workflows oder UI-Design mit den Pencil-MCP-Werkzeugen betreffen.

Was ist pencil-design?

Die Fähigkeit 'chiroro-jr/pencil-design' ermöglicht es KI-Agenten, Benutzeroberflächen direkt in Pencil zu entwerfen und daraus produktionsreifen Code zu generieren. Sie wird speziell bei Aufgaben aktiviert, die .pen-Dateien, den Pencil-Editor oder Design-to-Code-Workflows betreffen. Der Agent kann mit Pencil-Bildschirmen arbeiten, Komponenten entwerfen und diese mithilfe der Pencil-MCP-Tools in Code umwandeln. Dies reduziert manuelle Arbeit und beschleunigt den Entwicklungsprozess erheblich, da UI-Entwürfe automatisch in einsatzbereiten Code übersetzt werden.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/chiroro-jr/pencil-design-skill/tree/main/skills/pencil-design

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht pencil-design?

Entwerfen Sie Benutzeroberflächen in Pencil (.pen-Dateien) und generieren Sie daraus produktionsreifen Code. Verwenden Sie diese Fähigkeit bei der Arbeit mit .pen-Dateien, dem Entwurf von Bildschirmen oder Komponenten in Pencil oder der Codegenerierung aus Pencil-Entwürfen. Sie wird bei Aufgaben ausgelöst, die Pencil, .pen-Dateien, Design-to-Code-Workflows oder UI-Design mit den Pencil-MCP-Werkzeugen betreffen.

Verwandte Skills