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

lazyweb-design-improve

Capture screen state, find similar references, and generate improvement ideas.

431|36|Updated Mar 26, 2026
Search Tags:#ui design#MCP integration#design critique#HTML report#reference screenshots#visual research#improvement ideas
One-click install
npx skills add https://github.com/aboul3ata/lazyweb-skill --skill lazyweb-design-improve
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: lazyweb-design-improve
Source: https://github.com/aboul3ata/lazyweb-skill/tree/main/lazyweb-design-improve
Command: npx skills add https://github.com/aboul3ata/lazyweb-skill --skill lazyweb-design-improve

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you improve an existing app or web design by turning screenshots into concrete, reference-backed changes instead of vague feedback.

Core Features & Use Cases

  • Screenshot-based critique: Captures the user’s current screen state and uses it as the baseline for comparison.
  • Similar-screen discovery: Finds visually similar screens in Lazyweb and optionally connected inspiration libraries.
  • Evidence-backed improvements: Generates 1–5 specific improvement ideas, each tied to a real reference screenshot and contextualized with why it works.

Quick Start

Ask the AI to run lazyweb-design-improve and guide it by providing a screenshot or URL of the design you want to improve.

Frequently Asked Questions about lazyweb-design-improve

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

FAQPage Schema
How do I get actionable UI design improvements from a screenshot?▼

To get actionable UI design improvements from a screenshot, use a tool that captures your current visual state, finds similar high-quality reference screenshots, and generates concrete, evidence-backed changes.

What is the best way to find visual research references for my web screen?▼

The best way to find visual research references for your web screen is using a similar-screen discovery tool that searches connected inspiration libraries to find visually comparable UI screens for design iteration.

How do I generate an HTML report for a design critique?▼

To generate an HTML report for a design critique, run a workflow that evaluates your captured screenshot against found references and writes the results to a deterministic output directory. This report includes 1-5 specific improvement ideas alongside downloaded reference images.

Does MCP integration work for mobile UI screen reviews?▼

Yes, MCP integration works for mobile UI screen reviews. It supports both desktop/web and mobile UI screens by capturing the current visual state and using Lazyweb MCP tools to find similar high-quality references and generate concrete improvement ideas.

Can I compare my existing app design against high-quality references?▼

Yes, you can compare your existing app design against high-quality references. The tool captures your current visual state, discovers similar screens in connected inspiration libraries, and generates 1-5 specific improvement ideas tied to those real reference screenshots.

Related Skills

Explore More Design & Creative Skills→
edonghyunedonghyun
1

compare

Compare baseline and current UI captures into a side-by-side visual report.

Community
Advanced
aboul3ataaboul3ata
431

lazyweb-design-brainstorm

Generates cross-pollination design brainstorms from unrelated categories and writes an HTML report.

Community
Advanced
Carlos-Reyes-UTPCarlos-Reyes-UTP
2

lazyweb

Search real product UI screenshots and design patterns via Lazyweb MCP.

Community
Basic
All-The-VibesAll-The-Vibes
50

ce-ideate

Generate and critically evaluate grounded improvement ideas from codebase context.

Official
Advanced