Coding
PromptBeginner5 minmarkdown
Nano Banana Pro
Agent skill for nano-banana-pro
6
- `pages/` contains the Next.js entry points (`index.tsx`) and global setup in `_app.tsx`.
Sign in to like and favorite skills
pages/ contains the Next.js entry points (index.tsx) and global setup in _app.tsx.components/ (e.g., components/keyboard/, Layout.tsx, Tooltip.tsx); keep feature-specific assets alongside their components.state/ (store.ts, keyboardSlice.ts, settingsSlice.ts) with selectors in state/hooks.ts. Shared hooks, constants, and styling layers sit in hooks/, constants/, and styles/. Static assets belong in public/. Use layout.png as a visual guide when tweaking layout.npm install installs dependencies; rerun after lockfile updates or Node changes.npm run dev launches the Turbopack dev server on http://localhost:3000.npm run build creates the production bundle; address warnings before merging.npm start serves the built bundle for a production sanity check.npm run lint runs ESLint via eslint.config.mjs.npm run format applies Prettier with the Tailwind class sorter; keep formatting commits focused.any and export reusable types from state/ or constants/.Layout.tsx, Text.tsx), hooks camelCase with a use prefix (see hooks.ts), and Redux files follow <feature>Slice.ts.prettier.config.js.Text.test.tsx and add an npm test script in package.json.npm run build before requesting review to catch type or Next.js regressions.<type>(<scope>): <subject> where <type> is feat, fix, docs, refactor, test, or chore (e.g., fix(keyboard): debounce rapid retries).