abdallah-skills

Use when the user asks to build an app, a product, or named phases or milestones of one ("build Aesthetica phases 1–2", "build me a booking app", "continue the build"), to add a whole feature to an app through the full pipeline, or runs /build-software — web, mobile, or both, on the NestJS + Next.js + Expo stack. Not for a bug fix, a small change, a refactor, or a question.

Use when building or changing any backend API — NestJS controllers, services, modules, DTOs, Prisma schema or queries, auth guards, pagination, or error handling — and when scaffolding a new backend or adding an endpoint.

Use when building or changing any frontend UI — React or Next.js components, pages, forms, modals, design system and color tokens, animations, styling, loading states, scrollbars, client state, or data fetching — and when scaffolding a new frontend project, adding a shadcn/ui component, or touching i18n/RTL layout.

Use when building or changing any React Native or Expo app — screens, navigation, tabs, sheets, lists, forms, data fetching and auth against a NestJS API or Supabase, i18n or RTL layout, splash and icons, EAS builds or OTA updates — and when scaffolding a new Expo app or adding a React Native Reusables component.

Use when the user corrects course, restates something already said, rejects an approach, or states a preference that should outlive this session — and when they say "remember this", "write that down", or ask what has been recorded for a project.

Use when deploying a NestJS, Express or Next.js app to Vercel — especially a monorepo, or one using Prisma with Neon/Postgres, file uploads, or scheduled jobs. Also use when a Vercel deployment reports Ready but every request 500s, when requests hang for 30-60s with nothing in the logs, or when a frontend keeps calling localhost after the env var was fixed.

Use when setting the look of a new mobile app, at the design-system stage of /build-software for a mobile app, when designing or restyling a React Native or Expo screen, when choosing colours, type, icons, motion or haptics for a React Native app, or when a mobile screen looks generic, AI-made, or inconsistent with the rest of the app.