Split Sketch Measure export artboards into a component plan with rect coordinates.
npx skills add https://github.com/YamadaAoi/mcp-sketch --skill sketch-split
Please help me install this Agent Skill. Skill: sketch-split Source: https://github.com/YamadaAoi/mcp-sketch/tree/main/skills/sketch-split Command: npx skills add https://github.com/YamadaAoi/mcp-sketch --skill sketch-split
It helps you convert Sketch Meaxure export ZIP artboards into a structured component plan so AI can safely generate component skeletons and documentation without mixing layout-and-coding responsibilities.
rect for every component and exclude_rects for parent components to prevent duplicated rendering of child regions.sketch-draw.Have the AI run sketch-split on your Sketch Meaxure export ZIP to generate a component planning table and create empty component skeletons for the specified page and artboard.
High-intent search queries and answers about installing and using this skill.
To split Sketch Meaxure export artboards, this Skill extracts preview information and generates a structured component planning table. It identifies page-specific modules and reusable common components while preserving the layout hierarchy using rect containment rules to prevent duplicated rendering of child regions.
Rect provides exact coordinates for every component, while exclude_rects defines parent components to prevent duplicated rendering of child regions. This rect containment mechanism preserves the visual layout hierarchy during AI-assisted design-to-dev implementation.
You can generate empty component folders and Markdown docs by running this Skill on your Sketch Meaxure export ZIP. It scaffolds the folder structure and creates per-component documentation without generating any business code or styles.
No, sketch-split does not generate business code or styles. It strictly focuses on component planning and scaffolding empty folders with Markdown description docs, deferring all real styling and coding to downstream implementation phases.
Yes, sketch-split supports design-to-dev workflows by decomposing Sketch artboards into a structured plan that separates page-specific modules from reusable common components. This decomposition enables safe AI-assisted implementation without mixing layout and coding responsibilities.
YamadaAoiScaffold routes and blank page/component structures from Sketch export artboards.
YamadaAoiOrchestrate Sketch artboard selection into reusable component code generation.
saajunaidAutomate multi-page Streamlit app development with brand theming and layered architecture.
mvallimGenerate Markdown documentation from codebases with customizable headings and dependencies.