Fähigkeiten screenshot-feature-extractor
📸

screenshot-feature-extractor

Sicher ⚙️ Externe Befehle🌐 Netzwerkzugriff

從 UI 截圖中提取功能

手動分析截圖以提取功能並建立任務清單既耗時又容易出錯。此多代理程式技能可從三個角度平行分析 UI 截圖,以識別功能、互動和業務邏輯,然後產生可立即使用的開發任務檢查清單。

Unterstützt: Claude Codex Code(CC)
🥉 72 Bronze
1

Die Skill-ZIP herunterladen

2

In Claude hochladen

Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen

3

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

Sicher
v5 • 1/17/2026

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.

3
Gescannte Dateien
413
Analysierte Zeilen
2
befunde
5
Gesamtzahl Audits
Auditiert von: claude Audit-Verlauf anzeigen →

Qualitätsbewertung

41
Architektur
100
Wartbarkeit
87
Inhalt
30
Community
100
Sicherheit
91
Spezifikationskonformität

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

支援哪些影像格式?
支援 PNG、JPG 和常見影像格式。請使用高解析度影像以獲得最佳效果。
我可以一次分析多少張截圖?
沒有嚴格限制,但 3-10 個相關畫面可獲得最全面的功能覆蓋效果。
我可以與設計工具整合嗎?
在分析前,將截圖從 Figma、Sketch 或 Adobe XD 匯出為 PNG/JPG 檔案。
我的資料會傳送到外部伺服器嗎?
不會。所有分析都透過 Claude Code 在本機進行。截圖不會上傳到外部服務。
為什麼我的截圖無法準確偵測功能?
確保截圖是高解析度、光線充足且包含相關上下文。在提示中加入產品詳細資訊。
這與手動功能映射相比有何優勢?
此技能使用多個 AI 代理程式平行處理,以獲得更快、更全面的分析,且輸出格式一致。

Entwicklerdetails

Dateistruktur