opendesigner-preflight

Topics in the source

• OpenDesigner: preflight
• 1. System first
• 2. Run the helper
• 3. Look at full size
• 4. Walk the checklist
• 5. Report, fix, re-run

Passing a linter is not the same as looking good. A composition can pass every automated check and still read as cheap. This skill is the last look before anything leaves the building, and it starts one step earlier than most checklists: with the design system. Before judging the output, ask whether it was built on a design system made for this artifact. No system, or a look copied from one existing image? Stop and make one with the opendesigner skill (the 5-question sketch is enough), even for a video or a deck. A video is a surface like any other. Map the system to the medium instead of using UI sizes directly. Work out the viewing scale: a 1920 px frame watched 390 pt wide on a phone is shown at 390 / 1920 ≈ 0.2. Text that must be read needs about 11 pt there, so at least about 54 px in the frame (56 px or more for captions). Anything inside a scaled container, such as a canvas drawn at half size, shrinks with it. Take easing and durations from the motion tokens. Write the mapping down next to the artifact. Study real references before building (Mobbin, the taste poll, shipped products), not your memory of them. Note what the premium ones do that yours does not. --medium sets th

This is an excerpt. Refer to the complete source and its current requirements.