screenshot-feature-extractor
從 UI 截圖中提取功能
手動分析截圖以提取功能並建立任務清單既耗時又容易出錯。此多代理程式技能可從三個角度平行分析 UI 截圖,以識別功能、互動和業務邏輯,然後產生可立即使用的開發任務檢查清單。
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
Einschalten und loslegen
Teste es
Verwendung von "screenshot-feature-extractor". Analyze this dashboard screenshot and create a feature task list
Erwartetes Ergebnis:
- User Authentication module: Login screen, Remember me, Password reset
- Dashboard Overview module: Stats cards, Real-time data, Date range picker
- Navigation module: Sidebar menu, Breadcrumbs, User menu dropdown
- Reporting module: Export PDF, Date filter, Graph visualization
Verwendung von "screenshot-feature-extractor". Analyze these 5 screenshots from an e-commerce app
Erwartetes Ergebnis:
- Product Listing: Search bar, Category filters, Sort options, Product cards with images and prices
- Product Detail: Image gallery, Add to cart, Size selector, Reviews section
- Cart: Quantity controls, Total calculation, Promo code input, Checkout button
- Checkout: Shipping form, Payment options, Order summary, Confirm purchase
Verwendung von "screenshot-feature-extractor". Compare this competitor screenshot against our similar feature
Erwartetes Ergebnis:
- Competitor unique features: Dark mode, Voice search, Social sharing integration
- Feature gaps: Missing in our product - Collaborative playlists, Offline mode
- Priority recommendations: Implement voice search first, then dark mode, then social features
Sicherheitsaudit
SicherThis skill is pure documentation with no executable code. It only contains markdown prompts that orchestrate AI agents. No Ruby, shell, Python, JavaScript, or TypeScript files exist. All static findings are false positives from the scanner misinterpreting markdown backticks and JSON structures. The skill reads user-provided screenshots and writes output to predictable local paths.
Risikofaktoren
⚙️ Externe Befehle (14)
🌐 Netzwerkzugriff (1)
Qualitätsbewertung
Was du bauen kannst
從模型建立需求文件
將 UI 模型或截圖轉化為功能規格和任務清單,供工程團隊使用
快速了解功能範圍
分析競爭對手的應用程式或參考設計,以在實作前了解功能範圍
記錄現有產品
透過分析現有產品的畫面來進行逆向工程,以記錄功能
Probiere diese Prompts
Analyze this screenshot and extract all visible features, UI components, and interactions. Output file: docs/plans/YYYY-MM-DD-app-features.md
Analyze these screenshots from the same application. Identify all features across screens and create a consolidated task list. Deduplicate similar features.
Analyze these competitor screenshots. Identify unique features and gaps compared to our product. Create a feature comparison matrix with development task priorities.
Perform deep analysis on this screenshot. Break down each feature into 3-5 granular subtasks focusing on user interactions and business logic. Output detailed development checklist.
Bewährte Verfahren
- 提供產品用途和目標使用者的上下文以獲得更好的分析結果
- 使用高解析度、文字清晰的截圖以實現準確的功能偵測
- 包含多個相關畫面以捕捉導航和狀態轉換
Vermeiden
- 使用低解析度或模糊的截圖,導致 UI 細節模糊
- 在未提供產品上下文或使用者目標的情況下分析截圖
- 期望獲得實作級別的詳細資訊,如技術堆疊或資料庫結構
Häufig gestellte Fragen
支援哪些影像格式?
我可以一次分析多少張截圖?
我可以與設計工具整合嗎?
我的資料會傳送到外部伺服器嗎?
為什麼我的截圖無法準確偵測功能?
這與手動功能映射相比有何優勢?
Entwicklerdetails
Autor
noteditLizenz
MIT
Repository
https://github.com/notedit/happy-coding-agent/tree/main/skills/screenshot-feature-extractorRef
main
Dateistruktur