svg

Create clean, scalable SVG that is easy to edit, prints well, and survives “real-world” tooling (PowerPoint, browser, PDF export, HMI toolchains).

Capture enough to produce the correct output on the first pass.

Use strokes, consistent line weights, and a simple palette. Prefer vector-effect="non-scaling-stroke" when objects will be scaled.

Создавайте точную, готовую к использованию графику SVG для технического и бизнес-контекста (диаграммы, P&ID, виджеты HMI/SCADA, визуальные эффекты процесса, иллюстрации PowerPoint/Office, значки пользовательского интерфейса, аннотации). Используйте, когда пользователь запрашивает создание, редактирование, стандартизацию, оптимизацию или экспорт изображений SVG; конвертировать требования (размеры, масштаб, толщину линий, слои, символы) в чистую разметку SVG; или создайте несколько файлов макета/вариантов (редактируемый или контурный текст, светлый/темный, монохромный). Источник: tazomatalax/context-engineering.