frontend
0
utopia-grid-layout
CSS Grid utilities using Utopia fluid spacing. Reference for the grid variables and utility classes defined in this project.
matthewharwood
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
full-stack
0
new-component
Scaffold React components with TypeScript and Tailwind. Use when user mentions "create component", "new component", "add component", or describes a UI element to build.
AppleLamps
development
full-stack
0
svelte-component-patterns
Advanced component patterns for Svelte 5 including snippets, slots, headless components, compound components, and render delegation. Use when users ask about component architecture, reusable components, snippets vs slots, compound components, headless UI, render props, component composition, or building component libraries in Svelte 5.
maxnoller
development
frontend
0
composable-svelte-maps
Interactive maps and geospatial visualizations for Composable Svelte. Use when implementing maps, geolocation, markers, overlays, or geospatial data visualization. Covers Map component, markers, popups, GeoJSON layers, heatmaps, tile providers, viewport controls from @composable-svelte/maps package built with Maplibre GL.
jonathanbelolo
development
frontend
0
universal-elements
Use when animating any UI element not covered by specific skills, or when applying general animation principles across multiple element types
dylantarre
development
frontend
0
small-200-300ms
Use when building small transitions between 200-300ms - modal appearances, card expansions, navigation transitions that users consciously perceive
dylantarre
development
full-stack
0
state-management-expert
Expert-level state management with Redux Toolkit and Zustand using TypeScript. Handle complex application state including shopping carts, user authentication, product catalogs, API state management, and advanced patterns. Generate production-ready store configurations, slices, hooks, and complete implementations across React, Next.js, and universal applications. Use when building scalable state management solutions with TypeScript for e-commerce, authentication, async operations, and complex state architectures.
SHAJAR5110
development
full-stack
0
react-best-practices
React + TypeScript development best practices
buildworksai
development
frontend
0
jotai-patterns
Jotai atomic state management patterns. Use when implementing fine-grained reactive state.
IvanTorresEdge
development
full-stack
0
shadcn-ui-setup
Install and configure Shadcn/ui component library with Radix UI primitives, Aceternity UI effects, set up components, and manage the component registry. Use when adding Shadcn/ui to a Next.js project or installing specific UI components for Phase 2.
maneeshanif
development
frontend
0
angular-cdk-integration
Create components using Angular CDK utilities including drag-drop, overlay, portal, scrolling, a11y, clipboard, and platform detection for ng-events project
ac484
development
frontend
0
htmx
Adds AJAX, CSS Transitions, WebSockets, and Server Sent Events to HTML using attributes. Use when building hypermedia-driven applications, adding interactivity without JavaScript frameworks, or when user mentions HTMX, hx-boost, or HTML-first development. Triggers: "htmx", "hx-get", "hx-post", "hx-boost", "html ajax", "html interactivity", "html first".
czer323
development
frontend
0
reanimated-patterns
React Native Reanimated animation patterns. Use when implementing animations.
IvanTorresEdge
development
frontend
0
responsive-styling
Automatically generate mobile-first responsive CSS/SCSS when creating component styles or mentioning responsive design. Implements standard breakpoints (768px, 1024px), ensures WCAG AA color contrast, creates touch-friendly interfaces (44px minimum targets), adds proper focus indicators, supports reduced motion, scales typography responsively, and provides detailed technical specifications with exact values.
kanopi
development
frontend
0
auto-animate
Adds automatic animations to DOM changes with zero configuration using FormKit's AutoAnimate. Use when adding smooth transitions for list reordering, adding/removing elements, or quick UI polish.
mgd34msu
development
frontend
0
coder-base
基础编程助手 - 专为中文用户设计，提供规范化的JavaScript/Vue 3开发支持，并严格遵循JSDoc类型注释及特定Windows环境配置。
slime7
development
full-stack
0
angular-development
Angular component patterns, dependency injection, reactive forms, and template best practices for the admin app.
joseaplwork
development
full-stack
0
implementing-server-actions
Teaches Server Actions in React 19 for form handling and data mutations. Use when implementing forms, mutations, or server-side logic. Server Actions are async functions marked with 'use server'.
djankies
development
mobile
0
kmp-ui-bridge
Skill for translating web UI patterns (React/Tailwind) to native mobile patterns (Kotlin/Compose Multiplatform).
amirrudd
development
frontend
0
tailwind-4
Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind - cn(), theme variables, no var() in className.
aristeoibarra
development
frontend
0
jp-ui-consumer
Use when consuming jp-ui in an app: installation, CSS/theme setup, component selection, and token usage; guide Codex to the jp-ui docs and types for implementation details.
yumehiko
development
frontend
0
angular-component-development
Use when creating or modifying Angular components in MusicTheory - ensures standalone component pattern, proper RxJS subscription management, and integration with MusicTheoryService
EvanMcCormick
development