Implementing Ignite UI Web Components Views from Design Images

MANDATORY AGENT PROTOCOL

Before writing any implementation code, you must complete these steps in order:

1. Analyze the image and identify all visible regions and UI patterns.
2. Read references/component-mapping.md and references/gotchas.md.
3. This skill is Web Components-first. Check package layout or licensing only when package choice, component registration, or theming depend on it.
4. To apply a theme, use the theming workflow from this skill and the dedicated igniteui-wc-customize-component-theme skill; use the igniteui-theming MCP tools instead of styling from memory.
5. Call get_doc for every chosen component family before using it.
6. Only then start coding.

Workflow