Labsco

Agent Skills

Instruction packs that give your AI agent know-how — some work anywhere, some only with the tool they came with.

Frontend & UI

70 standalone skills
clerk logo

clerk-react-router-patterns

★ 54

by clerk

React Router v7 patterns with Clerk — rootAuthLoader, getAuth in loaders,

🔥🔥🔥🔥✓ VerifiedFreeQuick setup
clerk logo

clerk-nextjs-patterns

★ 54

by clerk

Advanced Next.js patterns - middleware, Server Actions, caching with

🔥🔥🔥🔥✓ VerifiedFreeQuick setup
clerk logo

clerk-nuxt-patterns

★ 54

by clerk

Nuxt 3 auth patterns with @clerk/nuxt - middleware, composables, server

🔥🔥🔥🔥✓ VerifiedFreeQuick setup
clerk logo

clerk-react-patterns

★ 54

by clerk

React SPA auth patterns with @clerk/react for Vite/CRA - ClerkProvider

🔥🔥🔥🔥✓ VerifiedFreeQuick setup
clerk logo

clerk-tanstack-patterns

★ 54

by clerk

TanStack React Start auth patterns with @clerk/tanstack-react-start

🔥🔥🔥🔥✓ VerifiedFreeQuick setup
clerk logo

clerk-vue-patterns

★ 54

by clerk

Vue 3 patterns with Clerk — composables (useAuth, useUser,

🔥🔥🔥✓ VerifiedFreeQuick setup
encoredev logo

encore-frontend

★ 25

by encoredev

Connect a frontend application (React, Next.js, Vue, Svelte, etc.) to an Encore.ts backend.

🔥🔥🔥✓ VerifiedFreeQuick setup
sanity-io logo

sanity-plugin-best-practices

★ 14

by sanity-io

Anti-patterns and best practices for building Sanity Studio plugins in this monorepo. Use when writing, reviewing, or refactoring plugin code under plugins/ — especially for styling/CSS, component performance, and runtime cost. Triggers on vanilla-extract, raw <style> tags, styled-components, theming, inline styles, or questions about how plugins should be structured here.

sanity-io logo

vercel-react-best-practices

★ 14

by sanity-io

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

vercel-labs logo

cra-to-next-migration

★ 11

by vercel

Comprehensive guide for migrating Create React App (CRA) projects to Next.js. Use when migrating a CRA app, converting React Router to file-based routing, or adopting Next.js patterns like Server Components, App Router, or image optimization.

🔥🔥🔥🔥✓ VerifiedFreeQuick setup
← PrevPage 3 of 3