visual-component-finder

Installation
SKILL.md

[IMPORTANT] Use TaskCreate to break ALL work into small tasks BEFORE starting — including tasks for each file read. This prevents context loss from long files. For simple tasks, AI MUST ATTENTION ask user whether to skip.

Find the Angular component(s) matching this screenshot: $ARGUMENTS

Quick Summary

Goal: Match screenshots to existing Angular components in the codebase for code reuse.

Workflow:

  1. Analyze — Process screenshot with vision capabilities
  2. Search — Grep/glob for matching component patterns in frontend source directories
  3. Match — Return component paths with similarity assessment

Key Rules:

  • Auto-activated when user provides UI screenshots
  • Search shared component library, domain libraries, and app-specific components
  • Report exact component file paths and usage examples
Related skills
Installs
12
GitHub Stars
6
First Seen
Mar 7, 2026