From partme-ai-full-stack-skills
Converts Stitch designs to modular Vite + Vue 3 + Layui-Vue components. Fetches screen HTML via Stitch MCP, maps Tailwind to Layui tokens (2px/4px radius), enforces SFC structure with layui-btn, lay-input, lay-card, lay-page-header.
npx claudepluginhub partme-ai/full-stack-skills --plugin t2ui-skillsThis skill is limited to using the following tools:
**Constraint**: Only use this skill when the user explicitly mentions "Stitch" and converting Stitch screens to **Vue 3 + Layui-Vue** (Vite, .vue SFC).
Creates isolated Git worktrees for feature branches with prioritized directory selection, gitignore safety checks, auto project setup for Node/Python/Rust/Go, and baseline verification.
Executes implementation plans in current session by dispatching fresh subagents per independent task, with two-stage reviews: spec compliance then code quality.
Dispatches parallel agents to independently tackle 2+ tasks like separate test failures or subsystems without shared state or dependencies.
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.
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.list_tools to find the prefix (e.g. mcp_stitch__stitch:).[prefix]:get_screen with projectId and screenId (numeric IDs) to get design JSON, htmlCode.downloadUrl, screenshot.downloadUrl, dimensions, deviceType.bash scripts/fetch-stitch.sh "<htmlCode.downloadUrl>" "temp/source.html"
screenshot.downloadUrl to confirm layout and details.src/composables/ or within script setup.src/data/mockData.js (or .ts).node_modules, run npm install.src/data/mockData.js from the design content.resources/component-template.vue as base; replace placeholder with real component name and Layui-Vue tags per contract.App.vue or router) to render the new components.resources/architecture-checklist.md; run npm run dev to confirm visually.scripts/fetch-stitch.sh is executable.Stitch HTML with Tailwind card:
<div class="bg-white rounded shadow p-4"><h2 class="text-lg font-bold">Dashboard</h2><button class="bg-teal-600 text-white px-4 py-2">Submit</button></div>
Converted Layui-Vue component:
<template>
<lay-card title="Dashboard">
<lay-btn type="normal">Submit</lay-btn>
</lay-card>
</template>
Key mapping: div.rounded.shadow becomes <lay-card>, raw <button> becomes <lay-btn>, Tailwind radius maps to Layui 2px classic radius per references/contract.md.