Skills

Build Daily Inspiration Sites

Turn a completed daily UI inspiration capture into exactly five original landing-page...

Install

npx skills add MengTo/Skills --skill build-daily-inspiration-sites -g -a claude-code -y
Repository
MengTo/Skills7.2k
Category
Design
Updated
3d ago
License
MIT
Context cost
Mediumabout 1,768 tokens
Runs scripts
Yes, review before use

What it does

Turn a completed daily UI inspiration capture into exactly five original landing-page builds, one per separate Codex task, using Sites. Use when the user asks to turn the daily inspiration references, a five-item UI prompt pack, or a dated `*-ui-inspiration-capture` article into distinct HTML landing pages while changing the source brands, names, copy, people, numbers, pricing, claims, and imagery.

Build Daily Inspiration Sites

Convert an existing five-item inspiration pack into five independent, original Sites projects. Orchestrate from the current task; let each created task own one build, commit, and private deployment.

Preserve the boundary

  • Use the capture as evidence and art direction, never as a template to copy.
  • Do not recollect inspiration unless the user explicitly asks.
  • Create exactly one site for each manifest item and exactly one Codex task for each site.
  • Do not combine multiple sites in one build task.
  • Do not reuse the reference brand, logo, wordmark, copy, people, companies, testimonials, figures, dates, plans, prices, URLs, legal text, interface screenshots, photography, or proprietary marks.
  • Preserve only high-level visual grammar visible in the full-page image: hierarchy, pacing, section logic, contrast, spacing, and image treatment.
  • Attach exactly one reference image to each build task: that item's full-page image. Do not attach a representative still, video, motion frames, or section crops.
  • Use the Codex in-app browser only. Never use Chrome.

1. Locate and validate the capture

Use the article path supplied by the user. Otherwise choose the latest dated articles/YYYY-MM-DD-ui-inspiration-capture/ folder in the current Content workspace.

Require:

  • manifest.json with itemCount: 5 and exactly five items
  • content.md
  • one non-empty local fullPageImage per item
  • pageUrl for every live-site item
  • one detailed builder prompt per item

Run:

node <skill-dir>/scripts/validate_capture.mjs <article-dir>/manifest.json

Stop if validation fails. Report a missing full-page image rather than substituting another still, video, frame, crop, or live-page capture.

2. Create the originality matrix

Before creating tasks, define five distinct replacement identities. For each item, choose:

Read the whole SKILL.md on GitHub

More in Design