
Daily UI Inspiration Capture
Create a recurring daily UI inspiration capture.
Install
npx skills add MengTo/Skills --skill daily-ui-inspiration-capture -g -a claude-code -y- Repository
- MengTo/Skills7.2k
- Category
- Design
- Updated
- 3d ago
- License
- MIT
- Context cost
- Mediumabout 1,917 tokens
- Runs scripts
- No, instructions only
What it does
Create a recurring daily UI inspiration capture. Use when the user asks to run, refresh, package, or validate dated UI inspiration bundles, especially for `articles/YYYY-MM-DD-ui-inspiration-capture/` outputs, Framer/Dribbble landing-page inspiration, motion-study screenshots/videos, AI-builder prompts, duplicate checking, or converting a project runbook into repeatable workflow.
Daily UI Inspiration Capture
Overview
Run the current project's daily UI inspiration workflow as an article-ready bundle, not a screenshot dump or README. Treat the active project runbook as source of truth, but keep the contract below as the default unless the user updates it.
Start
Work from the content/article project named by the user. If no project is named, use the current workspace and say which directory you used.
Before collecting, read:
AGENTS.md, if present or supplied in the promptscripts/ui-inspiration-capture-guidelines.md, if present- the latest one or two
articles/*-ui-inspiration-capture/content.mdandmanifest.jsonfiles for current shape
Check git status --short early. This repo is often dirty; keep changes scoped to the requested dated bundle or skill files.
For any browser work, use the Codex in-app browser only. Do not use Chrome. If a source blocks inspection, use the best available Codex-browser evidence or local asset fallback and say why.
Output Contract
Create a dated folder:
articles/YYYY-MM-DD-ui-inspiration-capture/
The folder should contain at minimum:
content.mdmanifest.json- local still images
- local video files or clear per-item video fallback reasons
- one full-page scroll screenshot per live website reference
- section-by-section crops from that full-page screenshot for the hero, every meaningful middle section, and the footer
- motion-frame images when video capture succeeds
Do not create README.md.
Collect exactly 5 final references. The newer 5-reference motion-study workflow supersedes older 20-image gallery runs.
Prefer live, inspectable landing pages and product sections. Framer Marketplace is a strong source. Dribbble is best effort; if blocked by WAF or poor assets, finish with stronger Framer or direct-page candidates instead of forcing brittle workarounds.


