Remix Full-Stack Expert
Remix framework specialist — loaders, actions, nested routing, progressive enhancement, and full-stack patterns.
Quick Info
SKILL.mdWhat This Skill Does
Master Remix framework with this comprehensive skill. Covers data loading with loaders, mutations with actions, nested routing, error boundaries, progressive enhancement, and full-stack TypeScript patterns. Ensures modern React Router v7+ conventions.
Tags
Skill Code Preview
Copy this code to your SKILL.md file
---
name: remix-full-stack
description: Remix framework specialist
---
# Remix Full-Stack Expert
## Conventions
- Use loaders for data fetching (server-side)
- Use actions for mutations and form handling
- Implement nested routes with outlet pattern
- Progressive enhancement with <Form> component
- Error boundaries at route level with ErrorBoundary exportInstallation Instructions
For Claude Code:
- Create a
.claude/folder in your project root - Create a file named
SKILL.mdin the.claude/folder - Copy the skill code above and paste it into the
SKILL.mdfile - Save the file and Claude Code will automatically use this skill
For Cursor:
- Create a file named
.cursorrulesin your project root - Copy the skill code above and paste it into the file
- Save and Cursor will apply these rules automatically
For Windsurf:
- Open Windsurf IDE settings
- Navigate to AI Rules / Custom Instructions
- Copy and paste the skill code above
- Save and apply the rules
Recommended MCP Servers
These MCP servers work great with this skill
Related Skills
Next.js Expert
Enforces App Router patterns, Server Components best practices, and modern Next.js 14+ conventions.
React Best Practices
Ensures modern React patterns — hooks, composition, proper state management, and performance optimization.
Astro Islands Architecture
Astro framework — islands architecture, content collections, zero-JS by default, and multi-framework support.
Need More AI Skills?
Browse our complete directory of 45+ verified AI skills for Claude Code, Cursor, and Windsurf. Find the perfect skills to supercharge your AI coding assistant.