用途：把设计图（截图）转换为基于 Ignite UI Web Components 的应用视图，强调先分析图像、再查文档、后编码的强制流程。
主要能力：分析设计图中的布局、组件类型、配色、字体、表面样式与数据模式；用 MCP 工具（igniteui-cli、igniteui-theming）发现组件、查询 API、生成调色板与主题；按区域选择 Ignite UI 组件，必要时回退到语义 HTML；用 set_size、set_spacing、set_roundness 等工具微调视觉还原度。
使用方式：先读图并列出区域分解表，再读 references/component-mapping.md 与 references/gotchas.md；用 list_components 按 webcomponents 过滤查找组件，用 get_doc 与 get_api_reference 查用法与 API；主题方面先检查项目是否已有主题，无则用 create_palette/create_custom_palette、create_elevations、create_typography、create_theme 生成，再对每个组件调用 get_component_design_tokens 与 create_component_theme；用 defineComponents(...) 注册实际使用的自定义元素；最后构建、测试、运行并与图对比迭代。
适用场景：需要按设计图快速搭建 Ignite UI Web Components 界面、统一主题与组件样式的前端实现任务。
限制：资料未提供具体收费、价格、平台支持范围与效果保证；安装缺失包前需先确认包名与版本并获批准；终端环境下视觉对比需由用户完成。