Scaffold routes and blank page/component structures from Sketch export artboards.
npx skills add https://github.com/YamadaAoi/mcp-sketch --skill sketch-init
Please help me install this Agent Skill. Skill: sketch-init Source: https://github.com/YamadaAoi/mcp-sketch/tree/main/skills/sketch-init Command: npx skills add https://github.com/YamadaAoi/mcp-sketch --skill sketch-init
It solves the problem of turning a Sketch export zip into a structured, project-ready page/component scaffold without manually planning routes and files for every artboard.
Use the skill to scan a Sketch export zip and generate blank page and component scaffolds with planned routes, for example: run the AI command to execute sketch-init on your exported Sketch zip.
High-intent search queries and answers about installing and using this skill.
To scaffold components from a Sketch export, the tool scans the zip file's preview images, plans a routing structure, and generates blank page directories alongside component skeleton files automatically.
The best way to bootstrap design-to-code projects is automating artboard extraction to generate planned route entries and blank component structures, eliminating manual file and route creation for each design page.
No, the scaffolding tool reads existing routes and component paths to avoid duplicate writes, ensuring it only creates blank skeletons and description markdown without overwriting any existing component files.
Yes, the scaffolding process detects your target project's tech stack by reading package.json, aligning generated route and component file formats to match your existing code style and conventions.
You can scaffold specific artboards by using target_artboards filtering, which restricts preview-based analysis and file generation to only the selected artboards within your Sketch export zip.
Generated scaffolds contain blank component skeletons because the tool prepares initial artifacts for later split and draw steps, creating planned directories and description markdown rather than fully implemented UI code.
YamadaAoiOrchestrate Sketch artboard selection into reusable component code generation.
astashovScaffolds a four-layer server-rendered page with SSR, hydration, routing, and webpack wiring.
vladpolewoiCreate a Git branch or worktree from a feature description.
tercenCreate a Tercen Flutter operator project from a skeleton template.
