What problem does it solve? Manually assembling a complete developer guide page for a design system component in Figma is slow and error-prone: sections must follow a fixed structure, templates must be imported from a library, annotations drawn, and text styles applied consistently. This Skill automates the entire build so every component page follows the same specification. ## Core Features & Use Cases - Structured page generation: Creates the three required top-level sections (Общее, 💻 Для разработчиков, Layout) with correct colors, padding, and positioning, skipping Layout automatically for Presets. - Template-driven content blocks: Imports Guide Intern library components (Guide Block, Guide Header Detailed, Guide List, etc.) and fills them with anatomy, corner radius, sizes, types, states, tap area, behavior, constraints, and animation blocks in a fixed order. - Crash recovery via checkpoints: Writes a hidden checkpoint node on the Figma page after each step so a retried run resumes where it stopped instead of duplicating sections. - Use Case: A designer pastes a Figma link to a Switch component and asks for a developer guide; the Skill asks about behavior and mockup scenario, then builds the full annotated guide page with sections, hyperlinks, and a banking-app mockup. ## Quick Start Paste a Figma design link to your component and ask to build the developer guide page for it.
