pencil-to-code
✓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.
Installation
SKILL.md
| 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: phrazzld/claude-config.
Ö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/phrazzld/claude-config --skill pencil-to-code Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/phrazzld/claude-config --skill pencil-to-code- Quelle
- phrazzld/claude-config
- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist pencil-to-code?
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: phrazzld/claude-config.
Wie installiere ich pencil-to-code?
Ö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/phrazzld/claude-config --skill pencil-to-code Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/phrazzld/claude-config
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01