Examples
Six real Open Assets projects from shipped apps, with App Store screenshots, icons, Product Hunt galleries and social headers you can clone, run and copy from.
Every example is a real asset project from a shipped app, in the examples/ folder of the repo. Each has an assets.json, its templates, its public/ images and its rendered exports/.
Cat IQ Test
4 collections, 13 templates
No Context
4 collections, 15 templates
Only Recipes
2 collections, 16 templates
Skimmer
2 collections, 9 templates
Tax Days
3 collections, 17 templates
Thoughtful
2 collections, 8 templates
What each one demonstrates
| Example | Highlights |
|---|---|
| Skimmer | Compiled Tailwind v4 theme, 4 locales with per-locale device captures, full-bleed photo backgrounds, outFile per locale |
| Tax Days | Separate App Store and Play Store collections sharing one localizations.json with 38 locales, Android tablet sizes |
| Only Recipes | iOS and Android collections, Tailwind from the CDN, the oversized headline and highlighted keyword patterns |
| Thoughtful | A warm brand system in a Tailwind theme, decorative flourishes, an SVG icon wrapped in HTML |
| Cat IQ Test | Screenshots, a Product Hunt gallery, an icon and an SVG logo with copy-source in one project |
| No Context Bot | Non-App Store assets: Product Hunt gallery, Slack Marketplace images and an X header |
Running any example
git clone https://github.com/Parra-Inc/open-assets.git
cd open-assets/examples/skimmerSkimmer, Tax Days and Thoughtful have a package.json: run npm install, then npm run dev or npm run render. The other three load Tailwind from a CDN and have no package.json, so run the CLI directly with npx -p @open-assets/open-assets open-assets dev. Each example page has the exact commands.
The examples commit their exports/ and (except Cat IQ Test) assets.lock, so a plain render skips everything. Add --force to see a full render.
Last updated on
Environment variables
Every environment variable the open-assets CLI reads, the flag it stands in for, its default and accepted values, plus the exit codes to check in CI scripts.
Skimmer
The Skimmer pool care example: eight localized App Store screenshots in four languages with Tailwind v4, photo backgrounds and per-locale device captures.