Open Pencil: a public semi-auto design workflow for Pencil users, design review, layout iteration, and visual production handoff.
▎ Animation-First Design SKILL using Claude Code + Pencil MCP
Claude Code skill: AI image generation with Design Memory (NotebookLM) + Pencil MCP integration. DALL-E via Codex CLI — no API key needed.
Claude Code skill: Convert Excalidraw wireframes to HiFi UI mockups using Pencil MCP. Battle-tested on 94 screens.
Claude Skill: Turn Figma/Sketch/XD designs into high-fidelity UI code via Pencil MCP. 6-phase parallel agent workflow. Auto-adapts to Claude Code / other AI agents / plain LLMs.
Design-to-code pipeline for iOS: Pencil MCP → Design Philosophy → XcodeBuildMCP → Ralph Loop. Orchestrator, not a collection.
🔧 AI-Powered Design-to-Code Pipeline 2026: Figma to React in 6-Phase Parallel Workflow
Add a description, image, and links to the pencil-mcp topic page so that developers can more easily learn about it.
To associate your repository with the pencil-mcp topic, visit your repo's landing page and select "manage topics."