Coding
PromptBeginner5 minmarkdown
Nano Banana Pro
Agent skill for nano-banana-pro
6
- SPA entrypoint flows from `index.html` to `app/main.tsx` and finally into `app/App.tsx`.
Sign in to like and favorite skills
index.html to app/main.tsx and finally into app/App.tsx.app/components/{community|game|order|support|user|layout}; keep domain hooks, state, and tests co-located with their owning view.app/components/ui; prefer extending existing variants before authoring new atoms.public/, onboarding flows in app/welcome/, global tokens in app/global.css, Tailwind output in app/index.css, and local overrides in app/custom.css.npm run dev – start the Vite dev server on http://localhost:3000 for interactive work.npm run build – emit the optimized production bundle to build/; run before tagging releases.npx vite preview – serve the built bundle locally for QA or stakeholder demos.vitest run – execute the headless unit/component suites once Vitest dependencies are installed.app/global.css; extend app/custom.css only when a token is missing.class-variance-authority for variant logic and forward refs on interactive primitives, mirroring established UI patterns.*.test.tsx files with their component (e.g., FeaturePanel.test.tsx).app/api/* to keep suites deterministic.vitest run or focused vitest commands before submitting a PR.type(scope): summary convention (example: feat(header): add genre dropdown) and keep commits small, reversible, and domain-focused.npm run build succeeds and document any manual QA steps in the PR description.vite.config.ts before merging.build/ directory to mirror production.