pencil-mcp-to-code
Installation
SKILL.md
Pencil Design → Code
Is this possible?
Yes, for all major platforms:
| Platform | Framework | Pencil support |
|---|---|---|
| Web | React + Tailwind | ✅ Native guidelines (get_guidelines("code") + get_guidelines("tailwind")) |
| Web | Vue, Angular, Svelte, vanilla HTML/CSS/JS | ✅ Via design extraction |
| Android | Jetpack Compose, XML layouts | ✅ Via design extraction |
| iOS | SwiftUI, UIKit | ✅ Via design extraction |
| macOS | SwiftUI, AppKit | ✅ Via design extraction |
| Windows | WPF, WinUI 3, XAML | ✅ Via design extraction |
| Linux | GTK 4, Qt/QML | ✅ Via design extraction |
Universal extraction workflow
Related skills