platform-output-architecture

What problem does it solve? Design assets often get produced without a format-aware plan, leading to cropped text, wrong ratios, unreadable social posts, and unapproved claims. This Skill enforces a surface-specific architecture derived from a canonical design.md before any asset is created. ## Core Features & Use Cases - Output Mode Selection: Choose from 20 predefined ratios and formats including social-square, story-reel, deck-wide, A4 print, and web breakpoints. - Surface Architecture Template: Generate a structured specification covering hierarchy, safe areas, grid, typography limits, CTA placement, motion adaptation, and export format. - Platform QA Gate: Validate ratio correctness, safe-area compliance, text readability, claim approval status, and alignment with design.md before production. - Use Case: Before designing an Instagram carousel and a 16:9 pitch deck for a product launch, use this Skill to define each surface's grid, safe areas, copy density, and export rules so both assets stay on-brand and readable. ## Quick Start Define the platform output architecture for a 4:5 Instagram portrait post and a 16:9 launch deck using the rules in design.md.