framework-internals
18
optimization-performance
Game optimization, performance profiling, multi-platform support, and frame rate optimization for smooth gameplay experiences.
pluginagentmarketplace
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
18
responsive-design
Build responsive, mobile-first layouts using fluid containers, flexible units, media queries, and touch-friendly design that works across all screen sizes. Use this skill when creating or modifying UI layouts, responsive grids, breakpoint styles, mobile navigation, or any interface that needs to adapt to different screen sizes. Apply when working with responsive CSS, media queries, viewport settings, flexbox/grid layouts, mobile-first styling, breakpoint definitions (mobile, tablet, desktop), touch target sizing, relative units (rem, em, %), image optimization for different screens, or testing layouts across multiple devices. Use for any task involving multi-device support, responsive design patterns, or adaptive layouts.
vuralserhat86
development
frontend
18
react-patterns
React 18 patterns, hooks best practices, component composition, and optimization techniques. Use when creating hooks, optimizing performance, or following React patterns. Keywords - React, hooks, useState, useEffect, useMemo, useCallback, patterns, composition.
jpmorgan-payments
development
full-stack
18
supabase-patterns
Guides implementation of Next.js 15 App Router features with Supabase SSR. Helps choose between Server/Client Components, select correct Supabase client, and follow security patterns. Use when building pages, components, or API routes.
vuralserhat86
development
frontend
18
design-components
Button, card, input ve icon sizing kuralları. Component boyutlandırma standartları.
vuralserhat86
development
frontend
18
web-frontend
Guidelines for building minimal, professional, and concise frontend components in the /web project using TypeScript, React Router v7, Tailwind CSS, and the CVA pattern.
flaming-codes
development
full-stack
18
styling-with-shadcn
Build beautiful, accessible UIs with shadcn/ui components in Next.js. Use when creating forms, dialogs, tables, sidebars, or any UI components. Covers installation, component patterns, react-hook-form + Zod validation, and dark mode setup. NOT when building non-React applications or using different component libraries.
mjunaidca
development
frontend
18
design-responsive
Breakpoints, fluid typography, container queries ve modern CSS features.
vuralserhat86
development
frontend
18
typescript-advanced
TypeScript 5+ advanced patterns, type utilities ve best practices rehberi.
vuralserhat86
development
frontend
18
design-patterns
Visual hierarchy, z-index, shadows, animations ve white space kuralları.
vuralserhat86
development
frontend
18
zustand-state
Production-tested setup for Zustand state management in React. Includes patterns for persistence, devtools, and TypeScript patterns. Prevents hydration mismatches and render loops.
vuralserhat86
development
full-stack
18
elixir-ash-phoenix
Develops, debugs, and refactors Elixir web applications using Ash framework for resource management and Phoenix LiveView for the frontend. Uses tidewave MCP tools for debugging running applications. Use when working with Elixir, Ash, or Phoenix code.
benswift
development
full-stack
18
building-nextjs-apps
Build Next.js 16 applications with correct patterns and distinctive design. Use when creating pages, layouts, dynamic routes, upgrading from Next.js 15, or implementing proxy.ts. Covers breaking changes (async params/searchParams, Turbopack, cacheComponents) and frontend aesthetics. NOT when building non-React or backend-only applications.
mjunaidca
development
full-stack
18
web-backend
Guidelines for building backend services, API routes, and data access layers in the /web project using TypeScript, Supabase, and service-oriented architecture.
flaming-codes
development
gaming
18
algorithmic-art
p5.js ile generative art, flow fields ve interactive visuals oluşturma rehberi.
vuralserhat86
development
mobile
18
streaming-llm-responses
Implement real-time streaming UI patterns for AI chat applications. Use when adding response lifecycle handlers, progress indicators, client effects, or thread state synchronization. Covers onResponseStart/End, onEffect, ProgressUpdateEvent, and client tools. NOT when building basic chat without real-time feedback.
mjunaidca
development
mobile
18
mobile-flutter
Flutter/Dart best practices, Riverpod state management ve performance optimization.
vuralserhat86
development
ecommerce-development
18
pr-pilot
Push a branch, create a PR, iterate on reviews until clean, then squash-merge. Runs /pr-review-fixer in a loop until no blockers/critical/major issues remain, rebases onto latest origin/main, and squash-merges. Works with or without Transit tickets. Use when you want to shepherd a PR from push to merge, e.g. "push and merge this", "get this PR merged", "review-fix-merge loop".
ArjenSchwarz
development
ecommerce-development
18
magento-observer
Create Magento 2 event observers to react to system events without modifying core code. Use when responding to events like catalog_product_save_after.
furan917
development
ecommerce-development
18
magento-agent-performance-auditor
Autonomously audit a Magento 2 store performance across all 8 layers: cache, indexers, Redis, OpenSearch, database, PHP/OPcache, static assets, and queues.
furan917
development
ecommerce-development
18
magento-plugin
Create Magento 2 plugins (interceptors) to modify core or third-party method behaviour without editing vendor code. Use when intercepting methods or adding before/after/around logic.
furan917
development
ecommerce-development
18
plugin-creator
Scaffold plugins and marketplace entries.
OpenKnots
development