# Build and Review Remix 3 Applications

Remix 3 application changes require version-specific APIs and component patterns that differ from React and Remix 2. This skill guides documentation checks, focused implementation, and behavior verification using existing application conventions.

## Install

```bash
npx skillstore add remix-run/remix
```

## Metadata

- Status: approved
- Slug: remix-run-remix
- Skillstore revision: r1
- Version status: missing
- Tree hash: 53627eb43a9a5f352ebc9830b7708219be5232bf3adac9e8921c41f2cc6673f8
- Author: remix-run
- GitHub username: remix-run
- License: MIT
- Repository: https://github.com/remix-run/remix/tree/7d5a2f9ea004b2267812834083c358165fe8ea44/.agents/skills/remix
- Ref: 0dae45537f0b216e0f153f539c839b0b7e405657
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: external\_commands, network, filesystem
- Quality score: 78
- Quality tier: bronze
- Public page: https://skillstore.pages.dev/skills/remix-run-remix
- Manifest: https://skillstore.pages.dev/api/skills/remix-run-remix/manifest

## Capabilities

- Guides installed documentation lookup through the Remix index, package exports, READMEs, source, and types.
- Explains explicit route contracts, router mapping, controllers, and typed URL generation.
- Demonstrates Remix component state, event handlers, render functions, and handle.update\(\).
- Guides browser mounting and hydration checks for interactive server-rendered pages.
- Recommends narrow application changes that preserve middleware order, runtime, package manager, and import conventions.
- Guides tests, typechecking, rejection-path checks, secret isolation, and structural diagnostics.

## Use Cases

- Add a Typed Application Route: Connect a new route contract, controller, and router mapping using installed APIs and the existing application structure.
- Review an Interactive Component: Check local state, changing props, browser hydration, and event handling without applying React-specific assumptions.
- Verify a Structural Refactor: Preserve runtime and middleware conventions while checking tests, typechecking, diagnostics, and failure paths.

## Prompt Templates

### Understand the Application

```
Inspect this Remix 3 app and explain its routes, router, and controllers. Check installed documentation before describing unfamiliar APIs.
```

### Add a Route

```
Add a GET route for [feature] using this app's route contracts and controller conventions. Verify imports against installed documentation and run relevant checks.
```

### Fix Component Interaction

```
Investigate [component] for stale props or missing browser interaction. Use Remix component patterns and verify both ordinary document behavior and the enhanced path.
```

### Review Access Control Changes

```
Review [change] for middleware order, access control, and browser-visible secrets. Test rejection paths and report unverified behavior. Run diagnostics after structural changes.
```

## Limitations

- Targets Remix 3 applications, not implementation of Remix framework packages.
- Requires installed documentation and application context to verify exact APIs and imports.
- Provides instructions and examples, not bundled automation, test suites, or application scaffolding.
- Does not guarantee correctness or security; verification depends on available tools and project tests.

## Best Practices

- Check installed documentation before choosing APIs, imports, or component patterns.
- Preserve existing application conventions and change the narrowest module responsible for the behavior.
- Run relevant checks, exercise browser interactions, and report failure paths or behavior that remain unverified.

## Anti Patterns

- Apply React hooks, Remix 2 conventions, or newer online APIs without checking the installed version.
- Expose secrets or trusted server logic through browser-reachable modules.
- Run destructive database commands or rewrite configuration solely to clear diagnostics.

## Security Audit

- Audited at: 2026-10-12T17:15:14.607\+00:00
- Summary: All 23 static findings are false positives involving Markdown formatting, TypeScript examples, a local route dispatcher, or a fixed relative import. No evidence found of prompt injection, credential exfiltration, or unsafe command execution. The skill recommends protecting browser-visible modules and testing rejection paths.

## Stats

- Views: 0
- Downloads: 1
- Favorites: 0
- Popularity score: 0