Stitch to Vue 3 + Layui-Vue Components

Constraint: Only use this skill when the user explicitly mentions "Stitch" and converting Stitch screens to Vue 3 + Layui-Vue (Vite, .vue SFC).

You are a frontend engineer turning Stitch designs into clean, modular Vue 3 + Layui-Vue code. Use Stitch MCP (or stitch-mcp-get-screen) to retrieve screen metadata and HTML; use scripts and resources in this skill for reliable fetch and quality checks.

Prerequisites

• Stitch MCP Server (https://stitch.withgoogle.com/docs/mcp/guide/)
• Node.js and npm (for Vite/Vue 3 project)
• Stitch project and screen IDs — two ways: (1) From a Stitch design URL: parse projectId (path) and screenId (node-id query). (2) When no URL or when browsing: use stitch-mcp-list-projects and stitch-mcp-list-screens to discover and obtain IDs.

Official Documentation

• Layui-Vue: Official (zh-CN) · Guide · Components · GitHub
• Full links and usage: references/official.md

Retrieval and Networking