frontend
0
typescript-author
Write TypeScript for Web Components and Node.js with strict typing. Use when adding types to JavaScript projects, building type-safe APIs, or creating generic utilities.
ProfPowell
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
0
next-cache-patterns
Next.js caching and data fetching patterns including cacheLife, PPR, revalidation strategies, and cache invalidation. Use when optimizing data fetching, implementing ISR, or configuring cache behavior.
Naw3
development
frontend
0
using-cache-lifecycle-apis
Teach cache lifecycle APIs in Next.js 16 - cacheLife(), cacheTag(), updateTag(), refresh(), revalidateTag(). Use when managing cache invalidation, setting cache policies, or implementing cache tags.
djankies
development
full-stack
0
cloudflare-static-assets
Configure and use Cloudflare Static Assets with React Router, ensuring compatibility across development and production environments with automatic fallback handling. Use when deploying React Router applications to Cloudflare Workers that need to access files from the public directory.
atman-33
development
frontend
0
frontend-design
Tạo giao diện frontend đẹp, độc đáo, production-grade. Tránh "AI slop" aesthetics. Dùng khi user yêu cầu build components, pages, UI.
HuynhSang2005
development
frontend
0
date-time-implementation
Guide for implementing date/time operations using dayjs with unix timestamps and Polish locale. Use when adding date handling to components or API endpoints.
teocrafters
development
frontend
0
data-attributes
Using data-* attributes as the HTML/CSS/JS bridge for state, variants, and configuration. Use when managing element state, styling variants, or configuring behavior without JavaScript classes.
ProfPowell
development
frontend
0
styling-patterns
Tailwind CSS styling with CVA variants, data-slots, layout patterns, and z-index management
griffnb
development
frontend
0
add-dialog-component
Create React dialog components with forms for the dealflow-network project using Radix UI, tRPC mutations, and proper state management. Use when adding create/edit dialogs, modals, or form-based UI components.
betterbrand
development
frontend
0
hover-interactions
Use when creating mouse hover effects - button highlights, card lifts, link underlines, image zooms, or any pointer-triggered animation.
dylantarre
development
frontend
0
preloading-resources
Teaches resource preloading APIs in React 19 including prefetchDNS, preconnect, preload, and preinit. Use when optimizing initial load or navigation performance.
djankies
development
frontend
0
accordions-dropdowns
Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal transitions
dylantarre
development
frontend
0
state-changes
Use when elements transform in place - toggle switches, expanding accordions, checkbox animations, button states, or any transformation without entering/exiting.
dylantarre
development
frontend
0
styling-with-tailwindcss
Provides standards and utilities for styling with Tailwind CSS. Use when building or refactoring UI components.
BenWork17
development
full-stack
0
writing-utils
Use this skill when you need to write utility functions for the Next.js app
Emz1998
development
full-stack
0
frontend-components
Design and build reusable UI components following Astro's server-first architecture with islands, proper component composition, TypeScript props, and strategic client-side hydration. Use this skill when creating or modifying Astro components, React/Vue/Svelte islands, layout components, or any reusable UI elements. When working on .astro component files, framework component files (.jsx, .tsx, .vue, .svelte), layout components, page components, component prop interfaces, slot implementations, client directive usage (client:load, client:idle, client:visible), scoped component styles, or component documentation and examples.
SpacePlushy
development
frontend
0
type-safety-patterns
Advanced TypeScript type patterns including generics, type guards, and branded types. Use when designing type-safe APIs.
IvanTorresEdge
development
frontend
0
latest-react
Latest React features from React 19 and React Compiler (past 1.5 years - mid 2024 to 2026)
jovermier
development
frontend
0
css-specialist
Expert CSS guidance for developers with strong fundamentals who need help with modern CSS features (2020-2025) and advanced animations/visual effects. Applies clean, semantic CSS patterns with minimal utility classes and shallow inheritance.
oiler
development
frontend
0
tailwindcss-typography
Typography utilities Tailwind CSS v4.1. Font (font-sans, font-serif, font-mono, font-size, font-weight), Text (text-color, text-align, text-wrap, text-shadow NEW), Letter/Line spacing, Decoration, Transform.
fusengine
development