screenshot-feature-extractor
從 UI 截圖中提取功能
手動分析截圖以提取功能並建立任務清單既耗時又容易出錯。此多代理程式技能可從三個角度平行分析 UI 截圖，以識別功能、互動和業務邏輯，然後產生可立即使用的開發任務檢查清單。
스킬 ZIP 다운로드
Claude에서 업로드
설정 → 기능 → 스킬 → 스킬 업로드로 이동
토글을 켜고 사용 시작
테스트해 보기
"screenshot-feature-extractor" 사용 중입니다. Analyze this dashboard screenshot and create a feature task list
예상 결과:
- 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
"screenshot-feature-extractor" 사용 중입니다. Analyze these 5 screenshots from an e-commerce app
예상 결과:
- 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
"screenshot-feature-extractor" 사용 중입니다. Compare this competitor screenshot against our similar feature
예상 결과:
- 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
보안 감사
안전This 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.
위험 요인
품질 점수
만들 수 있는 것
從模型建立需求文件
將 UI 模型或截圖轉化為功能規格和任務清單，供工程團隊使用
快速了解功能範圍
分析競爭對手的應用程式或參考設計，以在實作前了解功能範圍
記錄現有產品
透過分析現有產品的畫面來進行逆向工程，以記錄功能
이 프롬프트를 사용해 보세요
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.
모범 사례
- 提供產品用途和目標使用者的上下文以獲得更好的分析結果
- 使用高解析度、文字清晰的截圖以實現準確的功能偵測
- 包含多個相關畫面以捕捉導航和狀態轉換
피하기
- 使用低解析度或模糊的截圖，導致 UI 細節模糊
- 在未提供產品上下文或使用者目標的情況下分析截圖
- 期望獲得實作級別的詳細資訊，如技術堆疊或資料庫結構