Agent Skills

webflow-code-component:convert-component

★ 100

by webflow

Convert an existing React component into a Webflow Code Component. Analyzes TypeScript props, maps to Webflow prop types, generates the .webflow.tsx definition file, and identifies required modifications.

webflow-code-component:component-audit

★ 100

by webflow

Audit Webflow Code Components for architecture decisions - prop exposure, state management, slot opportunities, and Shadow DOM compatibility. Focused on Webflow-specific patterns, not generic React best practices.

webflow-cli:designer-extension

★ 100

by webflow

Build Designer Extensions for custom Webflow Designer functionality. Lists available templates, initializes extension projects from templates (default/react/typescript-alt), bundles extensions for upload, and serves locally for development.

frontend-design

★ 90

by factory-ai

Build good-looking web interfaces. Use when: - User asks you to build a web app, website, landing page, or HTML page - User asks for a one-off tool, utility, or demo app - User is starting a new frontend project - User wants to improve how something looks - User mentions UI, design, styling, or making something look better This applies to ANY frontend work, not just "design" tasks. Even simple apps benefit from basic design principles.

clerk-tanstack-patterns

★ 54

by clerk

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

clerk-nextjs-patterns

★ 54

by clerk

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

clerk-nuxt-patterns

★ 54

by clerk

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

clerk-vue-patterns

★ 54

by clerk

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

clerk-react-patterns

★ 54

by clerk

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

clerk-react-router-patterns

★ 54

by clerk

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

acul-screen-generator

★ 37

by auth0

Use when building or customizing Auth0 Universal Login screens with full UI control — creating branded login, signup, or MFA screens using the ACUL React or Vanilla JS SDK. Use this even if the user says "custom login page", "style my Auth0 login", or "build my own Universal Login UI" without mentioning ACUL directly. Does not cover basic branding (colors/logo only) — use auth0-branding for that.

encore-frontend

★ 25

by encoredev

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

rivetkit-client-react

★ 16

by rivet-dev

RivetKit React client guidance. Use for React apps that connect to Rivet Actors with @rivetkit/react, create hooks with createRivetKit, or manage realtime state with useActor.

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.

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.

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.

frontend-design

by sanity-io

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.