skills.rest
MengTo
MengToCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

daily-ui-inspiration-capture

Captures five landing-page references into dated UI inspiration article bundles with screenshots, videos, and prompts.

5.7k|685|Updated Feb 3, 2026
Search Tags:#design workflow#prompt generation#screenshot capture#framer#ui inspiration#Landing Page#motion study
One-click install
npx skills add https://github.com/MengTo/Skills --skill daily-ui-inspiration-capture
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: daily-ui-inspiration-capture
Source: https://github.com/MengTo/Skills/tree/main/agent-skills/codex/daily-ui-inspiration-capture
Command: npx skills add https://github.com/MengTo/Skills --skill daily-ui-inspiration-capture

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers and builders need a repeatable way to collect fresh UI inspiration without duplicating past captures or producing disorganized screenshot dumps. This Skill turns a daily browsing session into a structured, article-ready bundle with verified media and reusable AI-builder prompts.

Core Features & Use Cases

  • Dated Bundle Generation: Creates an articles/YYYY-MM-DD-ui-inspiration-capture/ folder containing content.md, manifest.json, still images, videos, full-page screenshots, and section crops for exactly 5 references.
  • Duplicate Prevention: Loads previous manifests and runs scripts/check-ui-inspiration-duplicates.mjs to reject repeated titles, source URLs, or image URLs.
  • Motion Study Capture: Records short videos of live pages, extracts at least 4 motion frames, and documents fallback reasons when capture is blocked.
  • Use Case: A designer asks the agent to run today's inspiration capture; the agent browses Framer and Dribbble, captures five landing pages with full-page and section-level evidence, writes per-item AI-builder prompts, and commits a verified dated bundle.

Quick Start

Ask your agent to use the daily-ui-inspiration-capture skill to run today's UI inspiration capture and produce a dated article bundle with five verified references.

Frequently Asked Questions about daily-ui-inspiration-capture

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

FAQPage Schema
How do I run a daily UI inspiration capture with an AI agent?▼

Invoke the skill and name the target project or workspace. The agent reads the project runbook, selects five fresh landing-page references, captures screenshots and videos, writes content.md and manifest.json, then runs the duplicate checker before committing.

How do I capture full-page screenshots of landing pages for design reference?▼

The skill saves one tall full-page scroll screenshot per live website, then cuts contiguous section crops for the hero, middle sections, and footer. It waits 2 seconds after scrolling so reveal animations and lazy media finish rendering before capture.

Does this workflow work with Dribbble and Framer?▼

Yes. Framer Marketplace is the preferred source for inspectable live pages. Dribbble is best effort; if blocked by a WAF or poor assets, the workflow falls back to stronger Framer or direct-page candidates instead of brittle workarounds.

How does the skill avoid duplicate inspiration references?▼

It loads previous manifest.json files and rejects candidates matching a normalized title, source URL, or image URL. Before committing, it runs scripts/check-ui-inspiration-duplicates.mjs and requires duplicateCount to be 0.

What happens when video capture of a landing page fails?▼

The agent saves the best local fallback asset and records a per-item videoFallbackReason in the manifest. Successful captures must include at least four motion frames covering hero, hover state, scroll transition, and a later section.

Related Skills

Explore More Design & Creative Skills→
zjunlpzjunlp
1.1k

webshop-product-selector

Select the best product from search results using price and keyword heuristics.

Official
Basic
ChildoftheVibeChildoftheVibe

imagegen-frontend-web

Generate one horizontal image per page section for frontend UI references.

Community
Advanced
pipixia-labspipixia-labs
38

narration-to-visual-prompts

Convert narration or storyboard text into one image or video prompt per narrative beat.

Official
Intermediate
MadAppGangMadAppGang
7

browser-use-integration

Capture headless Chromium screenshots of URLs when claude-in-chrome is unavailable.

Official
Intermediate