frontend
1
tailwind-css-4
Tailwind CSS v4 patterns with CSS-first configuration, @theme directive, design system integration, and utility-first styling for Next.js applications.
JanSzewczyk
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
1
violetconnect-patterns
Code patterns for implementing VioletConnect features - Redux, axiosWrapper, AppContext, API routes
violetio
development
full-stack
1
frontend-dev-guidelines
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.
thomas0369
development
frontend
1
react-hooks-patterns
Master React Hooks including useState, useEffect, useContext, useReducer, and custom hooks with production-grade patterns
pluginagentmarketplace
development
frontend
1
create-component
Create CVA + DaisyUI components following Iridium patterns. Use when asked to create UI components, buttons, inputs, cards, modals, alerts, or any reusable UI element.
tech-with-seth
development
frontend
1
frontend-razor
Apply when working with Razor views, MVC layouts, partial views, and tag helpers
twofoldtech-dakota
development
frontend
1
signal-state-management
Preact Signals for reactive state management, signal vs computed signal usage, batch updates for performance, action creator patterns, signal integration with React components, state management by domain (boards posts members), reactive patterns, and signal best practices for ree-board project
DW225
development
frontend
1
frontend-design
创建具有高品质设计、独特且适用于生产环境的 frontend 界面。当用户要求构建网页组件、页面、工件、海报或应用程序时（例如网站、着陆页、仪表板、React 组件、HTML/CSS 布局，或对任何网页 UI 进行样式化/美化时），使用这项技能。生成富有创意、精致且避免通用 AI 美学的代码和 UI 设计。
huminglong
development
frontend
1
managing-react-localisation
Manage i18next translations and localisation in React with TypeScript. Use when adding translations, creating language files, implementing i18n, or when user mentions translations, localisation, i18next, languages, or multi-language support.
moonpixels
development
full-stack
1
javascript-typescript
Modern JavaScript and TypeScript development patterns
miles990
development
frontend
1
advanced-types
Advanced TypeScript types including generics, conditionals, and mapped types
pluginagentmarketplace
development
frontend
1
add-caching
Add client-side caching with stale-while-revalidate strategy. Use when optimizing page load performance or reducing server requests.
tech-with-seth
development
frontend
1
cross-boundary-consistency
Guarantee data and UI consistency across multiple `Suspense` and error boundaries.
harborgrid-justin
development
frontend
1
jsgui3-ssr-activation-data-bridge
Understand and debug how jsgui3 SSR markup becomes activated client-side, including persisted fields (data-jsgui-fields) and ctrl_fields (data-jsgui-ctrl-fields), and where to patch/plugin.
metabench
development
frontend
1
frontend-accessibility
Implement accessible UI components following WCAG guidelines in Next.js and React applications. Use this skill when creating or modifying React components (*.tsx), working with Radix UI or Headless UI primitives, implementing keyboard navigation, adding ARIA attributes, managing focus states in modals/dialogs, creating form inputs with proper labels, building navigation menus, implementing skip links, or ensuring color contrast compliance. This includes files in apps/blog/src/components/, packages/ui/src/primitives/, packages/ui/src/components/, and any component using @headlessui/react or @radix-ui/* packages. Apply when working with interactive elements like buttons, links, dropdowns, dialogs, or any focusable elements.
imkdw
development
full-stack
1
tanstack-router
Bootstrap React projects with TanStack Router for type-safe file-based routing. Use when creating React SPAs, modern web applications with routing, or when the user wants type-safe navigation in React.
Kadajett
development
full-stack
1
next-app-router
Use when working with Next.js App Router (app/ directory). Invoke for Server Components, layouts, route handlers, parallel routes, intercepting routes, Server Actions, streaming, loading states, or error handling in the app directory.
zacharyr0th
development
full-stack
1
graphql-apollo-client
Build React apps with Apollo Client - queries, mutations, cache, and subscriptions
pluginagentmarketplace
development
frontend
1
nuxt-components
Vue component patterns with Composition API and script setup. Use when creating components, understanding script setup order convention, organizing component directories, or implementing component patterns like slideovers, modals, and tables.
leeovery
development
frontend
1
creating-react-utils
Create utility functions and helper modules for React applications with TypeScript. Use when creating utilities, helper functions, common logic, or when user mentions utils, helpers, or shared functions.
moonpixels
development
frontend
1
frontend-design
Apply when building or auditing UI. Enforces design tokens, Shadcn-first patterns, alignment rules, and the "fun but functional" aesthetic for Recipe App components.
mjmiller3416
development
full-stack
1
shadcn-stack
Next.js 15 + shadcn/ui + Server Components patterns for server-rendered React applications
5dlabs
development