sketch-workflow

What problem does it solve?

It orchestrates an end-to-end workflow that turns selected Sketch artboards into reusable components and fully generated code, while preventing duplicate routes/files and ensuring fixes when typechecking or linting fails.

Core Features & Use Cases

• On-demand artboard selection: Enumerates Sketch artboards, lets users choose by index/range/name (including “all”), and processes only the selected set.
• Incremental, non-destructive generation: Reuses existing routes and skips overwriting non-empty component files; creates only missing skeletons and code.
• Coordination of sub-skills: Delegates initialization (sketch-init), structure planning (sketch-split), and actual code generation (sketch-draw), then runs typecheck/lint and triggers repair loops when validation fails.
• Use case: For a multi-page product design exported as a Sketch zip, generate a consistent codebase by selecting only the relevant pages, producing shared/common and page-specific components, and iteratively fixing errors until checks pass.

Quick Start

Ask the AI to run the sketch-workflow flow on your Sketch export zip, prompting me to select which pages/artboards to generate, then produce the components and code for only those selections.