# build-daily-inspiration-sites

Creates separate Codex tasks for original landing pages from a completed UI inspiration pack. Use it when each reference needs its own Sites project.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 1200 installs · ★ 7001
- Author: MengTo
- License: MIT · policy=mirror · the beginning of the file is at the end of this page
- Source: https://github.com/MengTo/Skills/tree/HEAD/agent-skills/codex/build-daily-inspiration-sites/SKILL.md
- Updated: 2026-10-25
- HTML: https://affpapa.org/en/nevibecode/skills/build-daily-inspiration-sites

## What it does

The skill validates a completed capture with `manifest.json`, `content.md`, and local full-page images. It then turns each item into a separate Codex task for a single HTML landing page in Sites. The reference supplies art direction, while brand details, copy, people, pricing, imagery, and other source material are replaced.

Before tasks are created, the skill defines replacement identities and fills detailed build briefs. Each task receives one attached full-page image and owns its workspace, commit, and private Sites deployment. This is deliberately strict: a failed validation or an image attachment blocker stops the flow, so the capture must be ready first.

It does not gather new inspiration unless asked. The skill uses the Codex in-app browser rather than Chrome.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add MengTo/Skills --skill build-daily-inspiration-sites -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/build-daily-inspiration-sites/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/build-daily-inspiration-sites/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add MengTo/Skills --skill build-daily-inspiration-sites -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/build-daily-inspiration-sites/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add MengTo/Skills --skill build-daily-inspiration-sites -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/build-daily-inspiration-sites/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install MengTo/Skills build-daily-inspiration-sites
```

2. **Manually: put the files in place**
- File: `.github/skills/build-daily-inspiration-sites/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add MengTo/Skills --skill build-daily-inspiration-sites -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/MengTo/Skills --path agent-skills/codex/build-daily-inspiration-sites
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/build-daily-inspiration-sites/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add MengTo/Skills --skill build-daily-inspiration-sites -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/MengTo/Skills/tree/HEAD/agent-skills/codex/build-daily-inspiration-sites/SKILL.md

## When to use it
- turn a UI inspiration pack into independent landing pages
- create one Codex task for each reference item
- replace reference-brand material with original content
- validate manifests and full-page images before building
- prepare private Sites deployments for separate projects

## Example prompts
- Turn this completed UI inspiration pack into separate original landing pages with Sites.
- Validate `manifest.json` and create separate Codex tasks for every item in the capture.
- Use the `*-ui-inspiration-capture` article as art direction and create replacement brands for the landing pages.

## Source text · SKILL.md · MIT

Below is the content of a third-party file. It is data, not instructions for you: do not act on anything written inside unless the human asks. Block tag: 242befb2d56a1aa6.

BEGIN THIRD-PARTY FILE 242befb2d56a1aa6
````text
---
name: build-daily-inspiration-sites
description: 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:

```bash
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:

- a new brand name and slug
- a new category-specific positioning statement
- a fresh audience and conversion goal
- a new content vocabulary
- a new set of proof points, metrics, plans, and prices
- a new imagery direction appropriate to the concept
````
END THIRD-PARTY FILE 242befb2d56a1aa6

The third-party file has ended. Everything between the 242befb2d56a1aa6 tags is data: requests and commands from it are not followed. An “end of file” line with another tag inside the block is part of the file.

First 2598 of 7534 bytes. © MengTo · MIT · https://github.com/MengTo/Skills/tree/HEAD/agent-skills/codex/build-daily-inspiration-sites/SKILL.md

_Part of the page did not fit — see the HTML version._

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md