remix-expert

remix-expert is a skill for Claude Code from personamanagmentlayer/pcl. It costs 70 tokens per session (1,244 once invoked), scanned A, original, Apache-2.0.

A reference for Remix, a web framework with nested routes, server-side data loading, form actions, and progressive enhancement. Progressive enhancement means a page still works with basic web features when JavaScript is unavailable.

In plain words
What is it for?
It is for building Remix web applications, including nested layouts, resource routes, data loaders, mutations, and forms.
Why use it?
It helps developers understand how Remix connects routes, server data, forms, and interface updates.

Skill for Claude Code

Written for Claude Code: allowed-tools in frontmatter.

Good fit It is for building Remix web applications, including nested layouts, resource routes, data loaders, mutations, and forms.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/personamanagmentlayer/pcl/remix-expert
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add personamanagmentlayer/pcl --skill remix-expert
Clone the repo
git clone --depth 1 https://github.com/personamanagmentlayer/pcl

Made for: Claude Code.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for remix-expert

README.md
[![agentmods](https://agentmods.dev/badge/skills/personamanagmentlayer/pcl/remix-expert/github.svg)](https://agentmods.dev/skills/personamanagmentlayer/pcl/remix-expert)
Your own site
<a href="https://agentmods.dev/skills/personamanagmentlayer/pcl/remix-expert"><img src="https://agentmods.dev/badge/skills/personamanagmentlayer/pcl/remix-expert/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for remix-expert

Your own site · 80×15
<a href="https://agentmods.dev/skills/personamanagmentlayer/pcl/remix-expert"><img src="https://agentmods.dev/badge/skills/personamanagmentlayer/pcl/remix-expert.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 70 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,244 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe. Third-party audits
  • NVIDIA SkillSpector pass 7 Sept 2026
How audits are shown
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00070 $0.01244
Opus 5 $0.00035 $0.00622
Sonnet 5 $0.00014 $0.00249
Haiku 4.5 $0.00007 $0.00124

Measured 5d ago against content hash 44de7fefd693, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-10, from the pricing page.

Security

Grade A, and why

remix-expert scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 5d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

stdlib/frameworks/remix-expert/SKILL.md · 195 lines

How it starts

The opening of the file, as written. The whole thing — 195 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Remix Expert

You are an expert in Remix framework, specializing in nested routing, data loading patterns, form actions, progressive enhancement, and building resilient full-stack web applications following web standards.

Core Concepts

Remix Fundamentals

  • Nested Routing: UI coupled to URL segments
  • Server-Side Rendering: Fast initial page loads
  • Progressive Enhancement: Works without JavaScript
  • Web Standards: Built on Web Fetch API
  • Data Loading: Parallel route loaders
  • Mutations: Form-based actions

Routing System

  • File-Based Routes: Convention-driven routing
  • Nested Layouts: Hierarchical UI composition
  • Pathless Layouts: Shared UI without URL change
  • Resource Routes: API endpoints
  • Splat Routes: Catch-all segments
  • Optional Segments: Dynamic route patterns

Data Flow

  • Loaders: Fetch data server-side
  • Actions: Handle mutations
  • useLoaderData: Access loader data in components
  • useActionData: Access action results
  • Revalidation: Auto-refresh after mutations
  • Optimistic UI: Instant feedback

Forms and Mutations

  • Form Component: Enhanced HTML forms
  • Progressive Enhancement: Works without JS
  • Pending States: Track submission status
  • Error Handling: Boundary-based errors
  • Validation: Server-side validation
  • Redirects: Post-mutation navigation

Best Practices

Routing

  • Use nested routes for nested UI
  • Implement pathless layouts for grouping
  • Keep route files focused and small
  • Use resource routes for API endpoints
  • Implement proper error boundaries
  • Use meta functions for SEO

Data Loading

  • Load data in loaders, not useEffect
  • Fetch data in parallel when possible
  • Use proper TypeScript types
  • Handle errors with try/catch
  • Implement proper caching headers
  • Use invariant for required params

Forms and Actions

  • Use Remix Form component
  • Validate on the server
  • Return detailed error messages
  • Use pending states for UX
  • Implement optimistic UI when appropriate
  • Handle all HTTP methods properly

Read the full file on GitHub · 195 lines

Files

What ships with it

1 file beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 5d ago First seen · 195 lines · 70 tokens per session scan A 44de7fefd693

Subscribe to this mod's changes

remix-expert is a skill published in the GitHub repository personamanagmentlayer/pcl (40 stars, last pushed 3d ago), licensed Apache-2.0. It adds 70 tokens to every session and 1,244 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-05.

Related

Other skills, from other repositories

tanstack-start

Build a full-stack TanStack Start app on Cloudflare Workers from scratch — SSR, file-based routing, server functions, D1+Drizzle, better-auth, Tailwind v4+shadcn/ui. Use whenever the user mentions TanStack Start, asks to scaffold a full-stack Cloudflare app with SSR, wants an SSR dashboard, or asks for a React 19 +…

jezweb/claude-skills · 115 tokens

trpc

Skill "trpc" from claude-dev-suite/claude-dev-suite, covering trpc core knowledge, router definition, client usage (react), protected procedures and with next.js.

claude-dev-suite/claude-dev-suite · 132 tokens

nextjs-expert

Use when building Next.js 14/15 applications with the App Router. Invoke for routing, layouts, Server Components, Client Components, Server Actions, Route Handlers, authentication, middleware, data fetching, caching, revalidation, streaming, Suspense, loading states, error boundaries, dynamic routes, parallel routes…

S3YED/appie-kit · 79 tokens

dev-nextjs

Next.js development (App Router, Server Components, caching, streaming). Trigger when the user works with Next.js, modifies app/, pages/, next.config, or talks about RSC, Server Actions, Route Handlers, middleware.

christopherlouet/claude-base · 50 tokens

remix-expert

Use when working in a React Router 7 / Remix v2 framework-mode codebase with app/routes, loaders and actions, react-router.config.ts, useLoaderData / useActionData, Form, useNavigation, Outlet, or ErrorBoundary. Builds and refactors route modules, server data loading, mutations, pending UI, nested routing, and…

Aarvion-AI/stackwise-skills · 109 tokens

openui-forge-anthropic

OpenUI generative UI with Anthropic Claude SDK backend. Stream conversion to OpenAI NDJSON format.

OthmanAdi/openui-forge · 29 tokens