frontend
0
web-artifacts-builder
Use when generating or refactoring UI artifacts. Prefer modular components and consistent styling.
rozwer
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
0
design-system-patterns
Design system patterns for reusable UI via atomic design, Tailwind tokens/variants, and accessibility. Use when creating atoms/molecules, theming, or hardening a11y.
michaellperry
development
frontend
0
avoiding-any-types
Teaches when and how to use unknown instead of any type in TypeScript. Use when working with TypeScript code that has any types, needs type safety, handling external data, or when designing APIs. Critical for preventing type safety violations.
djankies
development
frontend
0
tailwind
Tailwind CSS patterns for utility-first styling, responsive design, and component composition. Trigger: When styling with Tailwind CSS, when implementing responsive designs, when building UI components, when configuring Tailwind, when using Tailwind with React or Next.js.
Dsantiagomj
development
frontend
0
selector-strategies
CSS/XPath selector best practices for web automation (dropdowns, dynamic tables, nested components). Use when: writing selectors, handling dynamic content, React apps, robust attributes, dynamic element handling, selector maintenance.
omerlefaruk
development
frontend
0
shadcn-tailwind
Shadcn UI + Tailwind conventions (variants, reuse, dumb components)
oalkabouss
development
frontend
0
typography-audit
Check and fix typography hierarchy on a page. Fixes h2-to-h4 skips, ensures all sections have left-aligned title/description with max-w-3xl, removes centering classes, and adds missing headers with i18n keys.
deomiarn
development
frontend
0
shadcn-vue
Use when building UI with shadcn-vue components - provides Button, Card, Dialog, Input, Select, Checkbox, Slider, Badge, Avatar, Progress patterns. Component imports, variants, and composition patterns for Vue 3.
Sebastiaaann
development
frontend
0
svelte-ui-design
ALWAYS use this skill for ANY Svelte component styling, design, or UI work. Svelte 5 UI design system using Tailwind CSS 4, Skeleton Labs design tokens/presets/Tailwind Components, and Bits UI headless components. Covers class composition, color systems, interactive components, forms, overlays, and all visual design.
XIYO
development
frontend
0
design-system
Use when building UI components, styling, or layouts for buoy-site
buoy-design
development
frontend
0
hooks-best-practices
React Hooks patterns including custom hooks and dependency management. Use when implementing component logic.
IvanTorresEdge
development
frontend
0
errors-confirmations
This skill should be used when implementing graceful error handling and user confirmations in both backend and frontend, including friendly tool not found messages, action confirmations, error toasts, and loading indicators.
Sobansaud
development
frontend
0
nuxt-auto-import
Guide for checking and fixing Nuxt 4 auto-import usage. Use this when reviewing impors in Vue components, composables, or TypeScript files in a Nuxt 4 project.
select
development
frontend
0
zustand-game-patterns
Zustand state management patterns optimized for games including persistence, undo/redo, time-travel debugging, subscriptions, and performance optimization. Use when designing game state architecture, implementing save/load, optimizing re-renders, or debugging state issues. Triggers on requests involving Zustand stores, game state management, state persistence, or React performance in games.
ccalebcarter
development
frontend
0
maplibre-camera
Use when implementing map camera animations (flyTo, easeTo, jumpTo), handling zoom transitions, or managing bearing/pitch. Load for useMapCamera composable patterns, preventing camera feedback loops, promise-based animations, and globe visibility filtering. ALWAYS use the composable, never direct map access.
discountedcookie
development
frontend
0
nuxt-better-auth
Use when implementing auth in Nuxt apps with @onmax/nuxt-better-auth - provides useUserSession composable, server auth helpers, route protection, and Better Auth plugins integration.
Dyrean
development
frontend
0
service-ui-components
Componentes de UI para serviços seguindo o padrão de components do Easy Budget.
JoseApRJunior
development
frontend
0
component-slots
Adding data-slot attributes for CSS targeting and component documentation
griffnb
development
frontend
0
design-system
Billboard-inspired design patterns for implementing UI components with video grids, chart layouts, section headers, color tokens, spacing, and Framer Motion animations. Use for episodes page, artist cards, rankings.
Atemndobs
development
frontend
0
typescript-advanced-types
Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications. Use when implementing complex type logic, creating reusable type utilities, or ensuring compile-time type safety in TypeScript projects.
HermeticOrmus
development
frontend
0
butter-smooth-scrolling
Add cinematic lerp-based smooth scrolling for all scroll inputs (mouse wheel, trackpad, touch). Creates butter-smooth momentum scrolling like premium agency websites. Works alongside existing smooth-scroll anchor links.
deomiarn
development