Individual skill
product-mock
Add, change or re-export an HTML-rendered product mock for a project with tools/product-mocks and pnpm mocks:build. Use for a new product screen, changes to an existing one, or fresh PNGs for Sanity.
theme-meridian/.agents/skills/product-mock/SKILL.md
Source commit d66f0fd9976e15ca51d6fcd5352482c5c66c281b
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- No
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Not checked yet
- Last checked
- Nov 4, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 19
- Repository last updated
- Nov 5, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- agent-skills Repository topic
- ai-agents Repository topic
- claude-code Repository topic
- headless-cms Repository topic
- nextjs Repository topic
- nextjs-starter Repository topic
- sanity Repository topic
- engineering Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Read excerpt
# Product mock
The generator lives in `tools/product-mocks/` and the root script `pnpm mocks:build`
runs it. If that directory is missing, this skill does not apply; product images
are ordinary Sanity image assets.
```bash
test -d tools/product-mocks && echo "product mocks: yes" || echo "product mocks: no"
```
The product images on the site are HTML mocks in `tools/product-mocks/`, rendered on
the **product** tokens (the dashboard, `product.py`) and placed on the tinted dune
panel (`mocks.py`). `pnpm mocks:build` writes the gallery
`tools/product-mocks/out/index.html`; each panel has a **Save PNG** button that