frontend
0
managing-local-vs-global-state
Teaches when to use local state vs global state (Context) in React 19. Use when deciding state management strategy, avoiding prop drilling, or architecting component state.
djankies
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
full-stack
0
nextjs-patterns
Next.js App Router patterns, server actions, caching, and routing. Use when working with Next.js 14+ features.
erikpr1994
development
frontend
0
layout-grid
Design-focused grid layout system with fluid scaling, responsive columns, and resolution-independent patterns. Use when creating page layouts, card grids, or multi-column designs.
ProfPowell
development
frontend
0
mintlify-components
Use Mintlify components correctly when writing StackOne documentation in group-documentation/docs/
StackOneHQ
development
frontend
0
audit-style
Audit and refactor CSS to comply with Game Loopers design system and BEM methodology
njculpin
development
frontend
0
astroapps-client-localusers
React hooks for local user authentication UI including login, signup, password reset, MFA, and account management. Use when building authentication pages for email/password authentication instead of OAuth providers.
astrolabe-apps
development
frontend
0
performance
Performance rules for React and Effect. Use for caching, rendering, data flow.
MP281X
development
frontend
0
tailwind-theme-styling
Style the dev-quiz-battle app using Tailwind CSS v4 with OKLCH colors, dark mode support, and modern design patterns. Use when creating responsive layouts, applying themes, and implementing visual components.
violabg
development
mobile
0
frontend-responsive
Build responsive, mobile-first user interfaces that adapt gracefully across all screen sizes using fluid layouts, relative units, breakpoints, and optimized assets. Use this skill when creating or modifying UI layouts, responsive components, CSS media queries, or any code that needs to adapt to different viewport sizes. Use this when implementing mobile-first designs, adding responsive breakpoints (mobile/tablet/desktop), using relative units (rem/em), ensuring touch-friendly tap targets, optimizing images for different screen sizes, testing across multiple devices, or making typography readable on all screens. Use this when working on layout components, grid systems, or any UI code that should respond to screen size changes.
Software-Design-Club
development
full-stack
0
nextjs-app-router-navigation
Provides guidance and reusable assets for implementing navigation in Next.js App Router. Covers file-based routing, dynamic routes, layouts, loading/error UI, protected routes with middleware, and navigation patterns like Link, useRouter, and redirect. Use when working on routing or navigation tasks in a Next.js App Router project.
MUmerRazzaq
development
frontend
0
coding-guidelines
Comprehensive React component coding guidelines, refactoring principles, and architectural patterns. **CRITICAL**: Focuses on patterns AI commonly fails to implement correctly, especially testability, props control, and component responsibility separation. Reference this skill when implementing or refactoring React components during Phase 2.
asakuno
development
full-stack
0
vike-skills
Use when building or working with Vike + Vue SSR/SSG applications - establishes best practices for page creation, data fetching, routing, and layouts
yuann3
development
frontend
0
micro-interactions
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
dylantarre
development
frontend
0
configuring-slots
ReactUMG Slot 布局/定位系统指南。在配置 CanvasPanel、设置组件位置/坐标/尺寸/大小、使用锚点/Anchors/Offsets、或实现居中/全屏/侧边栏等布局需求时激活。CanvasPanelSlot 有特殊的 Position→Offsets 映射规则，其他 17 种 Slot 直接使用。
15195999826
development
frontend
0
data-fetching
Server-Side + Client-Side Data Fetching with Orval + TanStack Query HydrationBoundary Pattern. ALWAYS use Orval - NEVER manual fetch()!
atilladeniz
development
frontend
0
integrating-zod-frameworks
Integrate Zod v4 with React Hook Form, Next.js, Express, tRPC, and other frameworks for type-safe validation
djankies
development
mobile
0
react-native-vet
React Native patterns for veterinary mobile apps including push notifications, offline-first data, QR scanning, camera integration, and mobile payments. Use when planning or building the Vete mobile app.
Ai-Whisperers
development
full-stack
0
nextjs-configuration
Next.js 15 configuration with App Router. Use when setting up or configuring Next.js projects.
IvanTorresEdge
development
frontend
0
create-lwc-tab
Creates a new Lightning Web Component with a tab and flexipage for display. Use when you need to create a new standalone page/tab with an LWC component.
MenachemShanowitz
development
frontend
0
tailwind-v4
Use when styling with Tailwind CSS v4 - new CSS-first configuration, @theme directive, modern utilities, color system, and responsive design patterns
Sebastiaaann
development
frontend
0
zustand-store
inkLine Zustand state management conventions with persistence configuration and type definitions
JackieNonSense
development