Make it yours

Turn Vela into your product while the complete mock journey still works.

Do the product rewrite before you connect accounts and providers. It is faster to make design and flow decisions while every screen is deterministic.

Decide these five things first

App name: what appears under the icon and in store listings.
Primary user: one specific person the first version serves.
Promise: the result they get from opening the app.
Premium value: what makes a subscription worth paying for.
Four-tab structure: the four destinations users need most often.

If you are unsure, let your AI propose options and choose before it edits code.

Use the bundled workflow

Read AGENTS.md, DESIGN.md, DESIGN-DARK.md, FEATURES.md, and
agent-skills/make-it-yours.md. Ask me for my app name, target user, promise,
premium feature, four-tab structure, and visual direction. Then transform the
mock product. Do not wire external providers. Keep English/Spanish, light/dark,
accessibility, typed mock data, and every integration seam working.

What the rewrite should cover

Vela name, nutrition copy, goals, demo meals, coach prompts, and empty states.
App name, slug, URL scheme, bundle ID, Android package, link domain, and support emails.
Today, Scan, Coach, Activity, Profile, onboarding, paywalls, notifications, and settings.
Light and dark role tokens, icons, splash, store-facing screenshots, and legal-site brand.
English and Spanish keys together.
Mock fixtures that tell one coherent end-to-end story.

What must survive

src/app remains thin; behavior stays in components, hooks, providers, and integrations.
Components use role tokens instead of random hex values.
Mock mode runs with no provider keys.
🔌 INTEGRATION comments still point to real skills.
Permissions stay contextual and optional paths remain usable after denial.
Loading, empty, error, offline, large-text, reduced-motion, and screen-reader states remain intentional.

Verify the result

Ask the agent to search for stale values:

Search case-insensitively for Vela, example.com, old prices, nutrition-specific
copy, placeholder company names, and old bundle identifiers. Then run the normal
checks and walk the full mock journey in both themes and both languages.

What you can ask your AI

Copy-paste prompts for the most common mobile starter tasks.

Edit product content

Replace the demo story, copy, fixtures, prices, and legal placeholders.

On this page

Decide these five things first Use the bundled workflow What the rewrite should cover What must survive Verify the result