#design

Intermediate tutorial: have your AI agent install the free, open-source Mono Editorial Landing Skill and draft a black-and-white, magazine-style landing page from your README. You write the headline and pick whether the top of the page shows a sign-up form or buttons. The agent checks the layout at four screen widths and hands back an HTML file you can upload as is, then walks you through putting it online. Includes 3 copy-paste prompts.

Developer advanced tutorial: designing agents from the user experience, with ideas at three levels (space, time, core), then down to three practical guidelines: transparent, controllable, consistent.

Use when a user wants to turn a piece of content, a process or a set of knowledge points into a diagram (architecture, flowchart, sequence, timeline, quadrant, data chart, etc.), or wants to redraw a Mermaid, draw.io or Excalidraw diagram to look better or use their own website's colors. Based on the open-source diagram-design (MIT): 45 chart types, outputs a self-contained HTML file with inline SVG. Never fabricates data, states the plan before drawing, and first judges whether a diagram is worth making. Use case: Have the agent turn text, processes and data into clean HTML/SVG diagrams, and use your own website's colors and fonts.

OpenAI released Images 2.6 on November 4: from one sentence or one photo in ChatGPT you can generate animated GIFs, and export infinitely scalable, editable SVG vector files, about 50% faster. Useful for memes, icons, print materials and short video assets; SVG currently has limits: one image at a time, and text-only generation.