frontend
1
design-system-implementation
Build or update frontend components and pages that strictly adhere to the project design system defined in design/design-system.json (and design/design.json when present).
dundas
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
1
loading-states
Handle loading states in the portal app using Flask loaders. Use when adding loading indicators to buttons, cards, pages, or any async operations.
legacy3
development
frontend
1
react-enterprise
React 19 with TypeScript 5.9.3, TanStack Query V5, Zustand, and modern patterns. React Compiler handles memoization automatically. No manual optimization needed.
nauanbek
development
frontend
1
rxjs-patterns
Master RxJS in Angular with observables, operators, subjects, error handling, and reactive patterns for building responsive applications.
spjoshis
development
frontend
1
mixmi-component-library
Component specifications, design patterns, and UI elements for the mixmi platform including TrackCard, grids, modals, and audio components
djchikk
development
frontend
1
mvvm-development
Explain how to implement and evolve MVVM features using the repo’s `@web-loom/mvvm-core`, the shared `models`/`view-models` packages, and the reference MVVM apps (React/Angular/Vue). Use when Codex is asked about MVVM wiring, state management, or integrating the core packages with framework-specific UIs.
bretuobay
development
frontend
1
react
Provides React component development standards and best practices. Ensures component quality through proper hooks usage, state management patterns, and performance optimization techniques. Specializes in functional components, custom hooks, context API, memoization strategies, and accessibility compliance. Use when: developing React components (.jsx/.tsx files), creating custom hooks, implementing state management with useState/useReducer/useContext, optimizing performance with useMemo/useCallback/React.memo, handling side effects with useEffect, designing component props and interfaces, implementing conditional rendering patterns, testing with React Testing Library, or integrating with TypeScript for type-safe components.
KubrickCode
development
frontend
1
ui-style-compliance
Use when designing or reviewing UI in React-based frameworks (Next.js, Vite, Remix, Astro) and the task involves checking interface style, interaction, animation, typography, layout, performance, or design constraints for compliance.
dereknex
development
frontend
1
tailwind-4
Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind - :class/class usage, theme variables, no var() in class.
dallay
development
frontend
1
component-generator
Generates new React Native components following Ishkul patterns. Creates component with proper TypeScript types, theme integration, variant support, accessibility, and matching test file. Use when creating reusable UI components.
mesbahtanvir
development
frontend
1
custom-hooks
Implement custom React hooks for reusable logic including state management, side effects, and data fetching. Use when extracting component logic into reusable hooks.
gizix
development
frontend
1
typescript-advanced-types
Master TypeScript's advanced type system including generics, conditional types, mapped types, and React TypeScript patterns. Use when: (1) implementing complex type logic, (2) creating reusable type utilities, (3) typing React components, hooks, and events, (4) ensuring compile-time type safety.
thapaliyabikendra
development
frontend
1
common-fate
Elementos que se mueven juntos se perciben como grupo. Use cuando diseñe animaciones, transiciones, drag-and-drop, o elementos que reaccionan en conjunto.
vjrivmon
development
frontend
1
react-state-management
Apply when deciding state management approach: local state, context, Zustand for client state, or TanStack Query for server state.
CoderMariusz
development
frontend
1
mahjong-ui-components
UI component patterns for Fujian Mahjong game. Use when building tile displays, hand layouts, call prompts, score screens, or any visual game elements.
Teng-AI
development
frontend
1
dioxus-component-patterns
Master Dioxus component patterns and reactive state management. Use when building Dioxus components, managing component state, or implementing component interactions.
wchklaus97
development
frontend
1
feature-flag-rollout-strategies
Integrate feature flagging into the React component lifecycle for safe continuous delivery.
harborgrid-justin
development
frontend
1
updating-dawncaster-filters
Use when updating filter options in Dawncaster card/talent browser after game expansions release - systematically checks ALL filter types (categories, rarities, types, banners, expansions) across both HTML dropdowns and JavaScript arrays to prevent missing updates
Neurrone
development
frontend
1
design-system-token-architecture
Architect scalable design token propagation using React Context and CSS-in-JS/Variables.
harborgrid-justin
development
frontend
1
creating-hooks
Create custom React hooks with TypeScript for reusable logic and side effects. Use when creating hooks, extracting component logic, managing side effects, or when user mentions custom hooks, reusable logic, or use- prefix functions.
moonpixels
development
frontend
1
viewcomponents-specialist
Specialist in ViewComponent implementation, component architecture, slots, previews, and method exposure patterns. Invoke this agent when creating or modifying ViewComponents, implementing component slots, setting up previews, debugging component rendering issues, or ensuring proper method delegation from services.
Kaakati
development