What problem does it solve? Designing on the Ardot canvas requires strict adherence to a node schema, tool-call sequencing, and layout rules that are easy to get wrong. This Skill provides the shared foundational workflow, hard rules, and validation patterns so every Ardot design task (UI screens, slides, posters, design-to-code) follows a consistent, correct process. ## Core Features & Use Cases - Standard 8-Step Workflow: Enforces file-open gating, parallel state reads, style-guide search/build, batched edits (max 25 ops), and tiered validation for every canvas task. - Design Rules & Schema Reference: Ships the single source of truth for coordinates, flexbox layout, text, colors, tables, images, effects, SVG icons, and troubleshooting. - Composite Visual Effects: Provides ready-made recipes for glassmorphism, neon glow, metallic, glow border, iridescent, and neumorphism effects. - Use Case: When asked to create a landing page on the Ardot canvas, the agent follows Step 0-8: open/create the file, build a style guide, locate available space, execute batch_edit operations section by section, and validate with tiered screenshot/layout checks. ## Quick Start Ask the agent to create a new Ardot design, for example: create a landing page for a coffee brand on the Ardot canvas, and it will pair this core workflow with the matching domain skill.
