igniteui-angular-generate-from-image-design
Implements Angular application views from design images using Ignite UI Angular components. Uses MCP servers (igniteui-cli, igniteui-theming, angular-cli) to discover components, generate themes, and follow best practices. WHEN TO USE: the user provides a design image (screenshot, mockup, wireframe) and wants it built as a working Angular view with igniteui-angular components, or asks to "implement this design", "build this UI", "convert this mockup", or "create a page from this image" in an Ignite UI Angular project. WHEN NOT TO USE: the design is a Figma file or Figma URL, whatever UI kit it was built with (use igniteui-angular-figma-to-app; fall back to this skill only when the Figma MCP is unavailable and the user provides an exported image); questions about a single component's API (use igniteui-angular-components or igniteui-angular-grids); theme-only changes with no view to build (use igniteui-angular-theming).
Informations de source
- Dépôt
- IgniteUI/igniteui-angular
- Dernière activité de la source
- 25 septembre 2026 à 10:54
- Langue détectée de SKILL.md
- anglais
- Étoiles
- 599
- Forks
- 161
Options d'installation
Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.
Vérifiez les fichiers source
Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.
Affichage de SKILL.md
| name | igniteui-angular-generate-from-image-design |
|---|---|
| description | Implements Angular application views from design images using Ignite UI Angular components. Uses MCP servers (igniteui-cli, igniteui-theming, angular-cli) to discover components, generate themes, and follow best practices. WHEN TO USE: the user provides a design image (screenshot, mockup, wireframe) and wants it built as a working Angular view with igniteui-angular components, or asks to "implement this design", "build this UI", "convert this mockup", or "create a page from this image" in an Ignite UI Angular project. WHEN NOT TO USE: the design is a Figma file or Figma URL, whatever UI kit it was built with (use igniteui-angular-figma-to-app; fall back to this skill only when the Figma MCP is unavailable and the user provides an exported image); questions about a single component's API (use igniteui-angular-components or igniteui-angular-grids); theme-only changes with no view to build (use igniteui-angular-theming). |
