Implementing Ignite UI React 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 reference/component-mapping.md and reference/gotchas.md.
3. This skill is React-only. Check package routing, theme CSS imports, or licensing only when imports, packages, or theming depend on it.
4. To apply a theme, use the theming workflow from this skill and the dedicated igniteui-react-customize-theme skill; use the igniteui-theming MCP tools instead of styling from memory. This skill is React-only, so hardcode platform: "react" in theme-generation calls.
5. Call get_doc for every chosen component family before using it.
6. Only then start coding.

Workflow