Implementing Ignite UI Web Components Views from Design Images

MANDATORY AGENT PROTOCOL

Before you write implementation code, do these steps in this 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 the package layout or licensing only when package choice, component registration, or theming depends on them.
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. Do not style from memory.
5. Call get_doc for every chosen component family before you use it.
6. Only then start to write code.

Workflow