Wakeb MCP — VS Code Extension

Figma-to-Vue code generation, component intelligence, and design system enforcement for Wakeb Starter Kit projects.

Features

• Import from Figma — paste a Figma element description and get matching Wakeb components
• Generate Component — scaffold CRUD pages, forms, and detail views following project conventions
• Sync Design System — audit tokens, detect drift, and enforce design constraints
• Code Review — get instant feedback on a file, module, or entire project
• Component Panel — visual webview with catalog browser, token explorer, and diff preview

Requirements

• Node.js ≥ 18
• A Wakeb Starter Kit project (with .starterrc.json or src/components/common/)

Extension Settings