Claude Code

Pencil - AI駆動UIデザインツール（pencil.dev）

Pencil（pencil.dev）と Claude Code を MCP で連携させ、UIデザインからコード実装まで IDE 内で完結させる方法を解説。インストール手順・AI生成の使い方・従来フローとの違いを具体的に紹介します。