Toolverse
All skills

screenshot-feature-extractor

by davila7

Analyze product screenshots to extract feature lists and generate development task checklists. Use when: (1) Analyzing competitor product screenshots for feature extraction, (2) Generating PRD/task lists from UI designs, (3) Batch analyzing multiple app screens, (4) Conducting

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
davila7
Category
UX / Design

About this skill

Analyze product screenshots to extract feature lists and generate development task checklists. Use when: (1) Analyzing competitor product screenshots for feature extraction, (2) Generating PRD/task lists from UI designs, (3) Batch analyzing multiple app screens, (4) Conducting competitive analysis from visual references.

How to use

  1. Przygotuj zrzuty ekranu produktu, który chcesz analizować. Możesz pracować z jednym ekranem lub zestawem wielu zrzutów z różnych części aplikacji.

  2. Załaduj zrzuty ekranu do narzędzia. Koordynator uruchomi pięć wyspecjalizowanych agentów: analizator UI, analizator interakcji, analizator biznesowy, syntezator i recenzenta. Agenci pracują równolegle na etapie analizy, aby przyspieszyć proces.

  3. Analizator UI identyfikuje komponenty wizualne, układ i elementy interfejsu widoczne na zrzutach. Analizator interakcji określa, jakie działania użytkownika są możliwe (kliknięcia, przewijanie, formularze). Analizator biznesowy wyodrębnia wartość dla użytkownika i cele funkcji.

  4. Syntezator łączy wyniki z trzech agentów w spójny opis funkcji. Recenzent weryfikuje dokładność i kompletność analizy, eliminując duplikaty i niejasności.

  5. Otrzymasz strukturalną listę funkcji i interakcji opisaną w kategoriach "co zbudować", nie "jak zbudować". Wynik możesz bezpośrednio wykorzystać jako PRD, checklist zadań dla zespołu lub punkt wyjścia do analizy konkurencji.

Related skills

scroll-experience

by davila7

Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Like NY Times interactives, Apple product pages, and award-winning web experiences. Makes websites feel like experiences, not

UX / Design
75117

canvas-design

by anthropics

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright

UX / Design
1998

godot-gdscript-patterns

by sickn33

Master Godot 4 GDScript patterns including signals, scenes, state machines, and optimization. Use when building Godot games, implementing game systems, or learning GDScript best practices.

UX / Design
27105

responsive-design

by wshobson

Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior.

UX / Design
1766

ffmpeg-cli

by openclaw

Comprehensive video/audio processing with FFmpeg. Use for: (1) Video transcoding and format conversion, (2) Cutting and merging clips, (3) Audio extraction and manipulation, (4) Thumbnail and GIF generation, (5) Resolution scaling and quality adjustment, (6) Adding subtitles or

UX / Design
4298

motion-canvas

by davila7

Complete production-ready guide for Motion Canvas with ESM/CommonJS workarounds, full setup templates, and troubleshooting for programmatic video creation using TypeScript

UX / Design
2597