goodai-mate

Use this skill to generate well-branded interfaces and assets for Good'ai, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colours, type, fonts, assets, and UI kit components for prototyping. Good'ai is a Perth-based SME automation business with a brutalist / direct-mail identity (warm cream paper, high-contrast coloured cards in navy / gold / red / black) and a casual "switched-on mate" voice.

Scaffold a new component with test file

Start dev server and verify environment

Stage + commit with conventional commit format

Stage + commit + push to remote

Create a pull request from current branch

init-proj

init

Scaffold a new page with layout, loading, and error boundaries

Run quality gate: lint, type-check, test, build

API Route Handler, Server Action, and data mutation patterns for Next.js 16. Zod validation, error handling, auth patterns, cache revalidation.

React 19 + Server Component patterns from official Vercel/React docs. Component templates, hooks patterns, RSC boundaries, performance optimization.

Frontend design patterns for production-grade UI. shadcn/ui component library, layout patterns, accessibility, responsive design, animation. Used by cs-frontend-dev agent.

Next.js 16 development patterns from Vercel's official Next.js Agent Skills (394 snippets). App Router, RSC boundaries, cache components, Turbopack, proxy.ts, Server Actions, metadata/SEO.

Tailwind CSS v4 patterns, @utility/@custom-variant directives, dark mode, v3→v4 migration. Official docs source.