Plugins

12 plugins

Component Spec and Pattern Library

Document component anatomy, variants, and usage patterns for consistent implementation.

5 skills · plugin

Interaction Design

Interaction design skills: micro-interactions, animation principles, state machines, gesture patterns, error handling UX, and feedback patterns.

16 skills · plugin

Backend Framework Patterns

For developers building production-grade backends with NestJS, Spring Boot, or Ktor, covering architecture patterns and best practices.

7 skills · plugin

Skills for Blazor development: component authoring, interactivity, and web application patterns.

9 skills · plugin

C#/.NET development skills including refactoring, testing, async patterns, documentation, and NuGet management

7 skills · plugin

Plugin Optimizer

Validates and optimizes Claude Code plugins against official best practices and file patterns

2 skills · plugin

Deploy GKE Cluster

Creates a GKE cluster, configures networking, sets up observability, and applies reliability patterns.

5 skills · plugin

Dotnet Aspnetcore

ASP.NET Core web development skills including middleware, endpoints, real-time communication, and API patterns.

4 skills · plugin

Create Design System Documentation

Generate component specifications, pattern library entries, and design system documentation for UI consistency.

8 skills · plugin

React Motion UI System

Install foundational motion tokens, UI patterns, and accessibility enforcement for React/Next.js.

5 skills · plugin

UX strategy skills: information architecture, content strategy, navigation patterns, user flows, task analysis, and competitive UX audits.

12 skills · plugin

Migrate Legacy SDK

Migrate from a legacy SDK to a new version using mapping tables, deprecation patterns, and verification.

3 skills · plugin

Results for “pattern”

51 skills

Vercel Composition Patterns

Provides React composition patterns to avoid boolean prop proliferation, covering compound components, state management, and React 19 API changes.

React19 Concurrent Patterns

Preserve React 18 concurrent patterns and adopt React 19 APIs (useTransition, useDeferredValue, Suspense, use(), useOptimistic, Actions) during migration.

36.2k · bundle

Vercel Composition Patterns

Provides React composition patterns to avoid boolean prop proliferation, build flexible component libraries, and design reusable APIs, including React 19 changes.

28.7k · bundle

Provides Vue.js 3 Composition API patterns, component architecture, reactivity best practices, Pinia state management, Vue Router navigation, and Nuxt SSR patterns for Vue, Nuxt, Vite, or Pinia projects.

Vue Pinia Best Practices

Learn Pinia best practices, common gotchas, and state management patterns for Vue applications.

sakamoto-family-smile

Frontend Patterns

Provides React and Next.js patterns for component composition, state management, data fetching, and performance optimization.

More results

Swiftui UI Patterns

Build SwiftUI views and components with best practices, navigation patterns, state management, and reusable component references.

React19 Source Patterns

Reference for every source-file migration required for React 19, including API changes, ref handling, and context updates.

36.2k · bundle

React Container Presentation Component

Scaffold React components following the Container/Presentation pattern under src/components, with TypeScript, Storybook, and SCSS conventions.

36.2k · bundle

Frontend Patterns

Provides reusable React and Next.js patterns for component composition, state management, data fetching, and performance optimization.

Author Component

Create or review Blazor components (.razor files) with correct architecture, covering parameters, EventCallback, RenderFragment, lifecycle, async patterns, disposal, and CSS isolation.

Provides patterns for hydration safety, performance, route rules, lazy loading, and SSR-safe data fetching in Nuxt 4 apps.

Guides Vue.js 3 development with Composition API, covering component architecture, reactivity, state management with Pinia, routing, testing, and SSR patterns.

Provides idiomatic React 18/19 patterns for hooks, server/client components, Suspense, error boundaries, forms, data fetching, state management, and accessibility-first composition.

Enforce consistent frontend UX patterns for Ethereum dApps: onchain buttons, four-state connect flows, token approval sequences, address display, USD values, and RPC configuration.

Lwc Pubsub Patterns

Implements sibling communication between Lightning Web Components using Lightning Message Service (LMS) or the legacy pubsub utility, covering message channel definition, publish/subscribe patterns, and scope selection.

sakamoto-family-smile

Provides idiomatic React 18/19 patterns for hooks, server/client components, Suspense, error boundaries, forms, data fetching, state management, and accessibility-first composition.

Analyzes an existing Vue project's UI to map components, extract design tokens, and identify code patterns, then generates a project-specific contextual skill file for consistent future development.

Frontend Design

Builds distinctive, production-grade frontend interfaces with bold aesthetics, avoiding generic AI design patterns.

Frontend Design

Builds distinctive, production-grade frontend interfaces with bold aesthetic direction, avoiding generic AI design patterns.

google-labs-code

Iteratively builds websites using Stitch with an autonomous baton-passing loop pattern.

Manage Vue application state with Pinia's type-safe store patterns, including state, getters, actions, plugins, and SSR support.

148 HTML 2cc54265

Reference guide for building Preact 10 applications with HTM, covering components, signals, web components, and performance patterns.

Vueuse Functions

Map requirements to the most suitable VueUse composable and apply correct usage patterns for concise, maintainable Vue.js/Nuxt features.

Senior Frontend

Scaffold Next.js/React projects, generate components, analyze bundle sizes, and apply React/Next.js optimization patterns.

20.4k · bundle

Vue Router Best Practices

Provides Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

Add, review, or fix JavaScript interop in Blazor components, including collocated modules, lifecycle timing, batching, typed wrappers, and disposal patterns.

nimoqup046-collab

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

React18 Batching Patterns

Diagnose and fix automatic batching regressions in React 18 class components with a decision tree for setState behavior changes.

36.2k · bundle

Animate React and Next.js components with GSAP using the useGSAP hook, refs, and context-safe patterns for automatic cleanup and SSR compatibility.

Building Blocks

Guides implementation of AEM Edge Delivery blocks with JavaScript decoration and CSS styling, following established patterns and best practices.

Provides practical patterns for using fp-ts with React, including hooks, state management, form validation, and data fetching.

Generate production-quality React + Tailwind CSS code using the Rayden UI component library with correct props, design tokens, and layout patterns.

Applies a battle-tested bilingual web-design system with typography, responsive rules, and performance patterns for Yuval Avidani's projects.

Remotion Markup

Guidance for writing Remotion React markup with animation patterns, media handling, sequences, effects, and advanced features like 3D, audio visualization, and parameterized videos.

Vue Best Practices

Provides Vue.js best practices and workflow guidance, including architecture planning, component design, reactivity patterns, and performance optimization for Vue 3 projects.