Skip to main content
mf² ships with agent skills in .agents/skills/ that teach AI coding agents (Claude Code, Cursor, Copilot) how to work with the stack. Each skill gives the agent procedural knowledge for specific tools and patterns, so it writes correct code without guessing.

Pre-installed Skills

Backend and Data

SkillDescription
convexConvex guidelines: schema design, queries, mutations, actions, validators, components
upstash-redis-jsUpstash Redis for serverless: caching, rate limiting patterns

Authentication

SkillDescription
clerkRouter skill that detects your task and routes to the right sub-skill
clerk-setupFramework detection and quickstart guides. Covers 12+ frameworks and migration from NextAuth, Supabase, Firebase, Auth0
clerk-nextjs-patternsAdvanced Next.js patterns: await auth() vs useAuth(), middleware strategies, Server Actions, caching
clerk-expo-patternsExpo/React Native patterns: SecureStore token cache, OAuth deep linking, protected routes
clerk-custom-uiCustom authentication flows and component appearance styling
clerk-orgsMulti-tenant B2B: org switching, role-based access, verified domains, enterprise SSO
clerk-webhooksWebhook event handling for user sync with Convex. Covers event types, signature verification, local testing
clerk-testingE2E testing with Playwright or Cypress. Auth state persistence and test setup
clerk-backend-apiClerk Backend REST API explorer and executor

AI

SkillDescription
ai-sdkVercel AI SDK: streaming, tools, agents, provider integration

Payments

SkillDescription
stripe-best-practicesStripe integration best practices from the official Stripe AI team
revenuecatRevenueCat in-app purchases and subscriptions for the mobile app

Email

SkillDescription
resendSending email with Resend: domains, audiences, broadcasts, deliverability
react-emailBuilding email templates with React Email components

Observability and Analytics

SkillDescription
sentry-nextjs-sdkSentry setup and instrumentation for Next.js
sentry-react-native-sdkSentry setup and instrumentation for React Native/Expo
posthog-instrumentationPostHog event tracking and instrumentation patterns

Collaboration

SkillDescription
liveblocks-best-practicesLiveblocks real-time collaboration: presence, storage, comments, notifications

Security

SkillDescription
arcjetArcjet security: bot detection, rate limiting, email validation, attack protection

Expo and React Native

SkillDescription
building-native-uiComplete guide for building apps with Expo Router, styling, navigation, animations
expo-api-routesCreating API routes in Expo Router with EAS Hosting
expo-cicd-workflowsEAS workflow YAML files for CI/CD, build pipelines, deployment automation
expo-deploymentDeploying Expo apps to iOS App Store, Android Play Store, and web
expo-dev-clientBuild and distribute Expo development clients locally or via TestFlight
expo-moduleWriting Expo native modules and views using the Expo Modules API (Swift, Kotlin)
expo-tailwind-setupTailwind CSS v4 setup with react-native-css and NativeWind v5
expo-ui@expo/ui package: native SwiftUI (iOS) and Jetpack Compose (Android) views from React
native-data-fetchingNetwork requests, API calls, data fetching patterns for React Native
upgrading-expoUpgrading Expo SDK versions and fixing dependency issues
use-domExpo DOM components for running web code in webview on native
vercel-react-native-skillsReact Native best practices for performance, animations, list performance

React and Next.js

SkillDescription
vercel-react-best-practicesReact and Next.js performance optimization guidelines from Vercel Engineering
vercel-composition-patternsReact composition patterns: compound components, lifting state, context providers

UI and Design

SkillDescription
shadcnManages shadcn components and projects. Adding, searching, fixing, styling, composing UI
web-design-guidelinesReviews UI code against Web Interface Guidelines

Docs and Monorepo

SkillDescription
mintlifyAuthoring and maintaining the Mintlify documentation site
turborepoTurborepo task pipelines, caching, filtering, monorepo best practices

Discovery

SkillDescription
find-skillsSearch and install new skills from the skills.sh ecosystem

Adding Skills

Browse available skills at skills.sh or use the find-skills skill to search from your editor. Install with:
bunx skills add <github-owner/repo> --skill <skill-name>
Skills that pair well with the mf² stack but are not included by default:
SkillInstall CommandWhy
convex-performance-auditbunx skills add get-convex/agent-skills --skill convex-performance-auditAudit and optimize Convex queries and mutations
convex-migration-helperbunx skills add get-convex/agent-skills --skill convex-migration-helperPlan and run Convex data migrations
convex-create-componentbunx skills add get-convex/agent-skills --skill convex-create-componentCreate new Convex components
tailwind-design-systembunx skills add wshobson/agents --skill tailwind-design-systemTailwind v4 design systems: tokens, variants, OKLCH colors
frontend-designbunx skills add anthropics/skills --skill frontend-designDistinctive UI direction: typography, color, motion, layout

How Skills Work

Each skill is a folder in .agents/skills/ containing a SKILL.md file. The markdown defines when the skill activates, what it knows, and how it behaves. Some skills include references/ or rules/ subdirectories with deeper guidance. Agents read these files when they match a task. For example, when you ask an agent to “add Clerk auth to a page,” the clerk-nextjs-patterns skill provides the correct server vs client patterns without the agent needing to search documentation. Skills work across Claude Code, Cursor (via .cursor/rules/), GitHub Copilot, and other agents that support the format.

Learn More