Prompt file imported from vctb12/GoldTickerLive (.github/prompts/ui-ux-audit-phase1-first-paint.prompt.md). Copyright stays with the author.

Prompt: UI/UX Audit — Phase 1 (First Paint)

Name: ui-ux-audit-phase1-first-paint
Author: vctb12

Before reviewing or editing anything, read and follow:

Program: docs/plans/2026-06-01_ui-ux-audit-remediation-program.md
Branch: cursor/ui-ux-phase1-first-paint-8c0a
Registry: docs/audits/UI_UX_AUDIT_SESSION_REGISTRY.md

Goal

Eliminate the dominant "dev project" signal: literal Loading…, —, and blank price surfaces on first paint. Users should see cached numbers or skeletons immediately, then live data.

Scope (in)

Reusable skeleton component + CSS utilities
index.html, tracker.html, shops.html, invest.html, country/city price mounts
src/lib/api.js — parallel gold + FX; failure → retry UI
Existing cache/localStorage layer — hydrate before network

Scope (out)

Learn static content, 404, nav IA, homepage section removal, global.css split
post_gold.yml, gold-price-fetch.yml, data/gold_price.json, sw.js, constants.js

Non-negotiables

Freshness labels remain (live/cached/fallback/etc.)
EN/AR via src/config/translations.js
Safe DOM only; npm run validate must pass

Verify

npm test · npm run lint · npm run validate · npm run build
Manual: 360px LTR + RTL, throttled network, offline after cache warm

Full task list

See Session 1 in docs/plans/2026-06-01_ui-ux-audit-session-prompts.md.

# Prompt: UI/UX Audit — Phase 1 (First Paint) Before reviewing or editing anything, read and follow: - [`AGENTS.md`](../../AGENTS.md) - [`.cursor/rules/non-negotiable-rules.mdc`](../../.cursor/rules/non-negotiable-rules.mdc) - [`.cursor/rules/pricing-trust.mdc`](../../.cursor/rules/pricing-trust.mdc) - [`.cursor/rules/bilingual-content.mdc`](../../.cursor/rules/bilingual-content.mdc) - [`.cursor/rules/seo-structure.mdc`](../../.cursor/rules/seo-structure.mdc) **Program:** [`docs/plans/2026-06-01_ui-ux-audit-remediation-program.md`](../../docs/plans/2026-06-01_ui-ux-audit-remediation-program.md) **Branch:** `cursor/ui-ux-phase1-first-paint-8c0a` **Registry:** [`docs/audits/UI_UX_AUDIT_SESSION_REGISTRY.md`](../../docs/audits/UI_UX_AUDIT_SESSION_REGISTRY.md) ## Goal Eliminate the dominant "dev project" signal: literal `Loading…`, `—`, and blank price surfaces on first paint. Users should see **cached numbers or skeletons** immediately, then live data. ## Scope (in) - Reusable skeleton component + CSS utilities - `index.html`, `tracker.html`, `shops.html`, `invest.html`, country/city price mounts - `src/lib/api.js` — parallel gold + FX; failure → retry UI - Existing cache/localStorage layer — hydrate before network ## Scope (out) - Learn static content, 404, nav IA, homepage section removal, `global.css` split - `post_gold.yml`, `gold-price-fetch.yml`, `data/gold_price.json`, `sw.js`, `constants.js` ## Non-negotiables - Freshness labels remain (live/cached/fallback/etc.) - EN/AR via `src/config/translations.js` - Safe DOM only; `npm run validate` must pass ## Verify `npm test` · `npm run lint` · `npm run validate` · `npm run build` Manual: 360px LTR + RTL, throttled network, offline after cache warm ## Full task list See Session 1 in [`docs/plans/2026-06-01_ui-ux-audit-session-prompts.md`](../../docs/plans/2026-06-01_ui-ux-audit-session-prompts.md).

{ "prompt": "# Prompt: UI/UX Audit — Phase 1 (First Paint)\n\nBefore reviewing or editing anything, read and follow:\n\n- [`AGENTS.md`](../../AGENTS.md)\n- [`.cursor/rules/non-negotiable-rules.mdc`](../../.cursor/rules/non-negotiable-rules.mdc)\n- [`.cursor/rules/pricing-trust.mdc`](../../.cursor/rules/pricing-trust.mdc)\n- [`.cursor/rules/bilingual-content.mdc`](../../.cursor/rules/bilingual-content.mdc)\n- [`.cursor/rules/seo-structure.mdc`](../../.cursor/rules/seo-structure.mdc)\n\n\n**Program:** [`docs/plans/2026-06-01_ui-ux-audit-remediation-program.md`](../../docs/plans/2026-06-01_ui-ux-audit-remediation-program.md) \n**Branch:** `cursor/ui-ux-phase1-first-paint-8c0a` \n**Registry:** [`docs/audits/UI_UX_AUDIT_SESSION_REGISTRY.md`](../../docs/audits/UI_UX_AUDIT_SESSION_REGISTRY.md)\n\n## Goal\n\nEliminate the dominant \"dev project\" signal: literal `Loading…`, `—`, and blank price surfaces on\nfirst paint. Users should see **cached numbers or skeletons** immediately, then live data.\n\n## Scope (in)\n\n- Reusable skeleton component + CSS utilities\n- `index.html`, `tracker.html`, `shops.html`, `invest.html`, country/city price mounts\n- `src/lib/api.js` — parallel gold + FX; failure → retry UI\n- Existing cache/localStorage layer — hydrate before network\n\n## Scope (out)\n\n- Learn static content, 404, nav IA, homepage section removal, `global.css` split\n- `post_gold.yml`, `gold-price-fetch.yml`, `data/gold_price.json`, `sw.js`, `constants.js`\n\n## Non-negotiables\n\n- Freshness labels remain (live/cached/fallback/etc.)\n- EN/AR via `src/config/translations.js`\n- Safe DOM only; `npm run validate` must pass\n\n## Verify\n\n`npm test` · `npm run lint` · `npm run validate` · `npm run build` \nManual: 360px LTR + RTL, throttled network, offline after cache warm\n\n## Full task list\n\nSee Session 1 in [`docs/plans/2026-06-01_ui-ux-audit-session-prompts.md`](../../docs/plans/2026-06-01_ui-ux-audit-session-prompts.md).", "variables": [], "notes": "Session 1 — skeleton loaders, cache-first prices, parallel gold+FX fetch, error states. Fixes the site looking \"broken\" on first paint. Mode: agent.", "metadata": { "source": { "provider": "github-prompts", "repository": "https://github.com/vctb12/GoldTickerLive", "path": ".github/prompts/ui-ux-audit-phase1-first-paint.prompt.md", "ref": "46f02aa6aa21139c998b40aae9fc6da227d782fa", "url": "https://github.com/vctb12/GoldTickerLive/blob/46f02aa6aa21139c998b40aae9fc6da227d782fa/.github/prompts/ui-ux-audit-phase1-first-paint.prompt.md", "key": "vctb12/GoldTickerLive/.github/prompts/ui-ux-audit-phase1-first-paint.prompt.md" } } }

ui-ux-audit-phase1-first-paint

About

Prompt: UI/UX Audit — Phase 1 (First Paint)

Goal

Scope (in)

Scope (out)

Non-negotiables

Verify

Full task list

Use it

Manifest

Reviews