remix

# Remix Skill Expert assistance for building full-stack applications with Remix. ## Capabilities - Implement loaders for data fetching - Create actions for mutations - Configure nested routing with outlets - Build progressively enhanced forms - Handle errors and boundaries - Set up deployment for various platforms ## Usage Invoke this skill when you need to: - Build full-stack React applications - Implement progressive enhancement - Create nested layouts with data - Handle form submissions properly - Deploy to edge platforms ## Inputs | Parameter | Type | Required | Description | |-----------|------|----------|-------------| | routePath | string | Yes | Route path | | hasLoader | boolean | No | Include loader | | hasAction | boolean | No | Include action | | nested | boolean | No | Has nested routes | ## Route Patterns ### Loader and Action ```typescript // app/routes/users.tsx import type { LoaderFunctionArgs, ActionFunctionArgs } from '@remix-run/node'; import { json, redirect } from '@remix-run/node'; import { useLoaderData, Form, useNavigation } from '@remix-run/react'; import { db } from '~/utils/db.server'; import { requireUser } from '~/utils/session.server'; export async function loader({ request }: LoaderFunctionArgs) { await requireUser(request); const url = new URL(request.url); const search = url.searchParams.get('search') || ''; const users = await db.user.findMany({ where: search ? { name: { contains: search } } : undefined, orderBy:...