visual-component-finder
Installation
SKILL.md
[IMPORTANT] Use
TaskCreateto 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:
- Analyze — Process screenshot with vision capabilities
- Search — Grep/glob for matching component patterns in frontend source directories
- 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