frontend
0
context-pattern
Provides a React Context implementation pattern using useSyncExternalStore, with types, hooks, and examples. Be specific about capabilities and when to use the skill.
trae-op
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
0
design-system
RemoteViewer.Client design system with spacing, colors, typography, and components. Use when building UI, styling components, or working with Avalonia XAML.
haefele
development
frontend
0
typescript-async-patterns
Use when typeScript async patterns including Promises, async/await, and async iterators with proper typing. Use when writing asynchronous TypeScript code.
knopki
development
mobile
0
vuejs-patterns
Vue.js 3 Composition API patterns and best practices. Use when creating Vue components, composables, or any reactive frontend code with Vue.js.
omanjaya
development
frontend
0
react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. Contains 45 rules across 8 categories, prioritized by impact. ALWAYS load when working with React/Next.js code: - Writing new React components or Next.js pages - Implementing data fetching (client or server-side) - Reviewing code for performance issues - Refactoring existing React/Next.js code - Optimizing bundle size or load times - Working with async operations and Promise handling - Implementing Suspense boundaries or streaming Keywords: React, Next.js, performance, optimization, bundle, async, Promise, waterfall, rerender, memo, useMemo, useCallback, Suspense, RSC, server components, client components, SWR, data fetching, cache Do NOT load for: - Non-React projects (Vue, Angular, Svelte, etc.) - Backend-only code without React integration - Pure CSS/styling work (use frontend-design-fundamentals) Works with other skills: - frontend-design-fundamentals: For UI/styling best practices - quality-code-check:
phananhtuan09
development
frontend
0
css-styling
MotoRent CSS styling patterns using mr-* prefixed classes for consistent UI components, gradients, and theme support.
erymuzuan
development
frontend
0
rimitive-view
Build Rimitive views with el, map, and match. Use when building UI components, rendering reactive content, handling events, or creating reusable view elements.
hejhi
development
frontend
0
chartjs-integrations
This skill should be used when the user asks "Chart.js React", "react-chartjs-2", "Chart.js Vue", "vue-chartjs", "Chart.js Angular", "ng2-charts", "Chart.js Rails", "Chart.js Rails 8", "Chart.js importmaps", "Chart.js Stimulus", "Chart.js Turbo", "Chart.js Hotwire", "Chart.js SSR", "Chart.js Next.js", "Chart.js Nuxt", or needs help integrating Chart.js v4.5.1 with frontend frameworks.
sjnims
development
frontend
0
portfolio-frontend-design
Frontend design system dla projektu portfolio Pawla Lipowczana (React 19 + Vite 7 + Tailwind CSS 3 + Framer Motion 12). Uzyj przy tworzeniu nowych komponentow, stron, sekcji lub modyfikacji UI w portfolio. Zawiera palete kolorow (green accent
plipowczan
development
frontend
0
route-generator
Adds new routes to TanStack Router in src/router.tsx. Creates route definitions following project patterns. Use when adding new pages or sections.
eug-subscription
development
frontend
0
roblox-animation
Roblox animation: TweenService, AnimationController, keyframes, easing. Use when animating objects or characters.
taozhuo
development
full-stack
0
react-patterns
React component patterns, hooks, server components, and composition. Use when building React components or deciding between patterns.
erikpr1994
development
frontend
0
manage-client-state
クライアント状態をグローバル/URL状態で型安全に管理します。サイドバーやフィルタはuseSWRImmutable、ページネーションはnuqs。
nayukata
development
frontend
0
api-pattern
Provides Vue component structure templates for Composition API and Options API. Used when generating .vue components and views to match user's selected API pattern preference.
sayali-ingle-pdl
development
full-stack
0
frontend-expert
Expert frontend development with React, Vue, Next.js, state management, and modern UI/UX patterns
ljchg12-hue
development
frontend
0
progressive-enhancement
HTML-first development with CSS-only interactivity patterns. Use when building features that work without JavaScript, using native HTML elements, CSS pseudo-classes, and the View Transitions API.
ProfPowell
development
frontend
0
ui-components
React UI component specialist with Tailwind CSS and shadcn/ui for building responsive, accessible interfaces
marthaya-putra
development
frontend
0
styling-with-tailwind-cva
Use when creating design systems or styling components with Tailwind CSS v4 and Class Variance Authority (CVA) - provides type-safe component variants with CSS variables for design tokens
bryonjacob
development
frontend
0
vue-components
Apply when creating or modifying Vue components, using BaseCard, ColorPicker, Toast, or composables. Covers component architecture, module structure, and Vue 3 Composition API patterns.
bwl21
development
full-stack
0
nextjs
Next.js 15+ App Router patterns and conventions. Use when: building web apps with Next.js. Do not use for: UX decisions (use ux-design), token/component design (use design-system), mobile apps. Workflow: ux-design → design-system → this skill (web integration).
zzoohub
development
frontend
0
ux-component-states
Interactive component state patterns including hover, focus, active, disabled, loading, and error states. Use when building buttons, inputs, cards, or any interactive elements. (project)
matthewharwood
development
frontend
0
animejs-v4
Anime.js 4.0 animations for Web Components — drag-drop, click feedback, swaps, cancelable motion. Use when adding animations, drag interactions, visual feedback, or motion to custom elements. Combines with web-components-architecture for lifecycle cleanup.
matthewharwood
development