Exportieren Sie das .pen-Design in React/Tailwind-Code. Macht EINE Sache gut. Eingabe: .pen-Frame-ID oder Dateipfad Ausgabe: Komponentencode reagieren + Tailwind-Konfiguration Wird verwendet, wenn: Design-Exploration oder Benutzer Implementierungscode benötigt aus einem fertigen Bleistiftentwurf.
Installieren Sie den KI-Skill pencil-to-code schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: elementsai-dev/cognia.
| frame with layout | | | frame with children | Component with children | | text | , , or | | ref (instance) | Reusable component | | rectangle | with fill | | ellipse | | | image | or fill: url() |
Exportieren Sie das .pen-Design in React/Tailwind-Code. Macht EINE Sache gut. Eingabe: .pen-Frame-ID oder Dateipfad Ausgabe: Komponentencode reagieren + Tailwind-Konfiguration Wird verwendet, wenn: Design-Exploration oder Benutzer Implementierungscode benötigt aus einem fertigen Bleistiftentwurf. Quelle: elementsai-dev/cognia.
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/elementsai-dev/cognia --skill pencil-to-code Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/elementsai-dev/cognia --skill pencil-to-codeExportieren Sie das .pen-Design in React/Tailwind-Code. Macht EINE Sache gut. Eingabe: .pen-Frame-ID oder Dateipfad Ausgabe: Komponentencode reagieren + Tailwind-Konfiguration Wird verwendet, wenn: Design-Exploration oder Benutzer Implementierungscode benötigt aus einem fertigen Bleistiftentwurf. Quelle: elementsai-dev/cognia.
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/elementsai-dev/cognia --skill pencil-to-code Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/elementsai-dev/cognia