SVG Illustration System

This skill provides guidance for creating consistent, high-quality hand-drawn style SVG illustrations for the DevOps LMS.

Overview

The illustration system uses a hybrid approach:

1. Reusable Vue Components - For common diagram patterns
2. Design System Composable - Shared constants and utilities
3. Custom SVG - Only when no component fits (rare)

Available Components

1. IllustrationLinearFlow

Purpose: Sequential step-by-step processes