full-stack
0
vue-composables
Patterns for Vue 3 composables with localStorage persistence in Nuxt 4. Activate when creating composables, working with useProgress, useQuiz, useCertificate, or localStorage.
fawzymohamed
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
0
blazor-components
Blazor-specific patterns for components, JS interop, and state management
barracoder
development
frontend
0
custom-elements
Define and use custom HTML elements. Use when creating new components, defining custom tags, or using project-specific elements beyond standard HTML5.
ProfPowell
development
frontend
0
threejs-pro
Expert in 3D web graphics using Three.js, React Three Fiber (R3F), and WebGL shaders.
404kidwiz
development
frontend
0
svelte-5-runes
Deep patterns and best practices for Svelte 5's reactivity system. Use when working with $state, $derived, $effect, $props, $bindable, $inspect, or when users ask about Svelte 5 reactivity, state management, reactive declarations, or migrating from Svelte 4 reactive statements ($:).
maxnoller
development
frontend
0
angular-architect
Enterprise Angular development expert specializing in Angular 16+ features, Signals, Standalone Components, and RxJS/NgRx at scale.
404kidwiz
development
frontend
0
gp-ui
Use when building React UIs for TheGP applications, migrating existing UIs to @gp/ui components, integrating Tailwind v4 with @gp/ui theme, or answering questions about available components, design tokens, icons, or setup. Activate when user mentions @gp/ui, TheGP design system, or asks about GP-specific UI patterns and components.
thegpvc
development
frontend
0
troubleshooting-bundler-compatibility
Diagnose and fix third-party library loading failures in Vite, Webpack, or other bundlers. Use when encountering "Failed to fetch dynamically imported module", worker loading failures, CDN 404 errors, "Invalid type" errors when importing library assets, or assets loading in wrong format. Covers version mismatches, worker loading patterns, and bundler-specific solutions.
swannysec
development
frontend
0
tanstack-mutations
This skill should be used when the user asks about "useMutation", "mutations", "query invalidation", "optimistic updates", "cache updates", "setQueryData", "invalidateQueries", "onMutate", "onSettled", or needs guidance on mutation patterns, cache synchronization, and optimistic UI in TanStack Query.
salmanrrana
development
frontend
0
tailwindcss
Learn how to use Tailwind CSS v4's advanced features like custom utilities and variants.
sushichan044
development
frontend
0
animation-motion
CSS animations, transitions, and scroll-driven effects with accessibility (prefers-reduced-motion). Use when adding motion, hover effects, loading states, or scroll-based animations.
ProfPowell
development
full-stack
0
nextjs-firebase
Comprehensive guide for building Next.js 15.5+ applications with Firebase, including App Router, TypeScript, MUI v7, Turbopack production builds (beta), and Firebase services. Use when configuring Next.js projects, troubleshooting errors, setting up Firebase integration, working with App Router patterns, or implementing best practices for Next.js + Firebase development.
Just-mpm
development
frontend
0
pinia
Create and maintain Pinia stores using Setup Stores pattern with TypeScript. Use when creating state management stores, defining store state/getters/actions, composing stores, or integrating with Vue components. Handles store architecture, type safety, and reactive state patterns.
xiaoland
development
full-stack
0
fullstack-app
Guidance for building fullstack apps with Vite (React + TypeScript) frontend and FastAPI backend. Use when demos need a web UI beyond what Streamlit provides.
djliden
development
frontend
0
frontend-accessibility
Build accessible user interfaces using semantic HTML, proper ARIA attributes, keyboard navigation, color contrast, and screen reader compatibility. Use this skill when creating or editing UI components, HTML templates, JSX files, or any frontend markup. When implementing forms, interactive elements, navigation menus, modals, or dynamic content. When working with buttons, links, images, headings, or any user-facing interface elements. When ensuring keyboard accessibility, focus management, or screen reader support in React components, Vue templates, HTML files, or any frontend view files.
dpietersz
development
frontend
0
semantic-html
Write well-considered semantic HTML that serves all users. Use when creating components, page structures, or reviewing markup. Emphasizes native HTML elements over ARIA. Treats proper document structure and accessibility as foundations rather than afterthoughts.
schalkneethling
development
mobile
0
moai-domain-mobile-app
Flutter 3.27/React Native 0.76 with state management and native integration.
kivo360
development
frontend
0
using-generics
Teaches generic constraints, avoiding any in generic defaults, and mapped types in TypeScript. Use when creating reusable functions, components, or types that work with multiple types while maintaining type safety.
djankies
development
frontend
0
tailwindcss-utilities
Référence complète des utility classes Tailwind CSS
fusengine
development
frontend
0
ui-token-first
Enforce UI token usage for Espresso Engineered frontend work. Use when editing Svelte/SvelteKit UI, styling typography, voice lines, headers, cards, surfaces, or layout so styles come from frontend/src/lib/ui tokens instead of app.css or ad-hoc CSS.
nickabeelee
development
frontend
0
composable-svelte-graphics
3D graphics and WebGPU/WebGL rendering with Composable Svelte. Use when building 3D scenes, working with cameras, lights, meshes, materials, or implementing WebGPU/WebGL graphics. Covers Scene, Camera, Light, Mesh components, geometry types (box, sphere, cylinder, torus, plane), material properties, and state-driven 3D rendering.
jonathanbelolo
development