skills.rest
aboul3ata
aboul3ataCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

lazyweb-design-research

Collect app screenshots and live web captures into an HTML design research report.

431|36|Updated Mar 26, 2026
Search Tags:#product design#competitive analysis#web capture#ux patterns#html report#design research#screenshot evidence
One-click install
npx skills add https://github.com/aboul3ata/lazyweb-skill --skill lazyweb-design-research
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: lazyweb-design-research
Source: https://github.com/aboul3ata/lazyweb-skill/tree/main/lazyweb-design-research
Command: npx skills add https://github.com/aboul3ata/lazyweb-skill --skill lazyweb-design-research

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the problem of designing based on vague taste by gathering real, screenshot-based evidence from top apps and live web examples to answer “what works” for a specific UI problem.

Core Features & Use Cases

  • Competitive design research: Identifies direct competitors and adjacent high-quality design companies for the same or related design problems.
  • Evidence-first screenshot reporting: Downloads Lazyweb reference screenshots and mixes them with live web screenshots to create a structured HTML report.
  • Actionable synthesis: Produces a report with TL;DR, Patterns, Anti-Patterns, Unique Angles, Findings, and prioritized Recommendations.

Quick Start

Run lazyweb-design-research and describe the exact design question you want answered, such as “best practices for onboarding screens in a B2B SaaS dashboard.”

Frequently Asked Questions about lazyweb-design-research

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I get evidence-based design research for a specific UI flow?▼

Evidence-based design research gathers real app screenshots and live web captures to answer specific UI questions. It identifies competitors, extracts UX patterns, and produces a structured HTML report with actionable findings and prioritized recommendations.

Can I use competitive analysis screenshots to explore best practices before building a product?▼

Competitive analysis screenshots support best-practice exploration before you build. The workflow captures mobile and desktop UI examples from direct competitors and adjacent high-quality apps to validate what works for your targeted design problem.

What's the best way to document UX patterns and anti-patterns from web captures?▼

Documenting UX patterns and anti-patterns requires mixing downloaded reference screenshots with live web captures. The process synthesizes visual evidence into a structured HTML report containing TL;DR, Patterns, Anti-Patterns, Unique Angles, and prioritized Recommendations.

Do I need specific tools to generate an HTML report with screenshot evidence?▼

Generating the HTML report and references folder requires Lazyweb MCP tools for screenshot database access. An optional browser-based capture workflow supplements the database downloads with live web screenshots for comprehensive evidence gathering.

What limitations exist when collecting design research for mobile and desktop screens?▼

Limitations for collecting design research include dependency on Lazyweb MCP tools for screenshot database access and an optional browser-based capture workflow. Research scope is constrained to available screenshots and live web captures for the specified UI or product design question.

Related Skills

Explore More Design & Creative Skills→
tech-leads-clubtech-leads-club
5.0k

playwright-skill

Automate browser interactions with Playwright for web testing and screenshots.

Official
Advanced
calvingitcalvingit
2

ckm:slides

Convert strategic communication needs into HTML slide decks with Chart.js and design tokens.

Community
Advanced
apexradiusapexradius

design-system

Generate CSS custom properties and a component library from a brand name.

Official
Intermediate
yfyang86yfyang86
1

herbert-a-simon

Generate decision analysis insights using Herbert Simon's bounded rationality framework.

Community
Basic