By remix-run
Agent skills for Remix Run framework development. Provides specialized capabilities for building React Router applications with AI assistance.
npx claudepluginhub joshuarweaver/cascade-code-languages-misc-2 --plugin remix-run-agent-skillsBuild React applications using React Router's data mode with createBrowserRouter and RouterProvider. Use when working with route objects, loaders, actions, Form, useFetcher, or pending/optimistic UI without the Vite plugin.
Build React applications using React Router's declarative mode with BrowserRouter. Use when configuring routes with JSX, navigating with Link/NavLink, or reading URL params and search params without data loaders or actions.
Build full-stack React applications using React Router's framework mode. Use when configuring routes, working with loaders and actions, handling forms, handling navigation, pending/optimistic UI, error boundaries, or working with react-router.config.ts or other react router conventions.
Agent Skills for building web applications.
These skills teach AI coding agents how to use frameworks and libraries correctly. Instead of relying on potentially outdated training data, agents can reference these skills for accurate, up-to-date patterns.
npx skills add remix-run/agent-skills
This installs the skills into your project so your AI agent can reference them.
react-router-framework-modeFull-stack React apps using React Router's framework mode. Covers routing, loaders, actions, forms, sessions, middleware, error handling, and rendering strategies.
npx skills add remix-run/agent-skills --skill react-router-framework-mode
react-router-data-modeReact apps using React Router's data mode with createBrowserRouter and RouterProvider. Covers route objects, loaders, actions, forms, pending UI, and optimistic updates without the Vite plugin.
npx skills add remix-run/agent-skills --skill react-router-data-mode
react-router-declarative-modeReact apps using React Router's declarative mode with BrowserRouter. Covers JSX-based routing, navigation with Link/NavLink, and reading URL params without data loading features.
npx skills add remix-run/agent-skills --skill react-router-declarative-mode
Each skill contains:
SKILL.md - Main entry point with quick patterns and a reference tablereferences/ - Detailed documentation for specific topicsWhen your AI agent encounters a relevant task, it loads the skill and references to generate accurate code using current APIs and best practices.
MIT
Comprehensive skill pack with 66 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading.
Use this agent when you need expert assistance with React Native development tasks including code analysis, component creation, debugging, performance optimization, or architectural decisions. Examples: <example>Context: User is working on a React Native app and needs help with a navigation issue. user: 'My stack navigator isn't working properly when I try to navigate between screens' assistant: 'Let me use the react-native-dev agent to analyze your navigation setup and provide a solution' <commentary>Since this is a React Native specific issue, use the react-native-dev agent to provide expert guidance on navigation problems.</commentary></example> <example>Context: User wants to create a new component that follows the existing app structure. user: 'I need to create a custom button component that matches our app's design system' assistant: 'I'll use the react-native-dev agent to create a button component that aligns with your existing codebase structure and design patterns' <commentary>The user needs React Native component development that should follow existing patterns, so use the react-native-dev agent.</commentary></example>
Team-oriented workflow plugin with role agents, 27 specialist agents, ECC-inspired commands, layered rules, and hooks skeleton.
UI/UX design intelligence. 67 styles, 161 palettes, 57 font pairings, 25 charts, 15 stacks (React, Next.js, Vue, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Nuxt, Jetpack Compose). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
Access thousands of AI prompts and skills directly in your AI coding assistant. Search prompts, discover skills, save your own, and improve prompts with AI.
Behavioral guidelines to reduce common LLM coding mistakes, derived from Andrej Karpathy's observations on LLM coding pitfalls