frontend
18
design-patterns
Visual hierarchy, z-index, shadows, animations ve white space kuralları.
vuralserhat86
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
18
zustand-state
Production-tested setup for Zustand state management in React. Includes patterns for persistence, devtools, and TypeScript patterns. Prevents hydration mismatches and render loops.
vuralserhat86
development
frontend
17
frontend-css-patterns
Framework-agnostic CSS patterns for typography, color, motion, and spatial composition.
majesticlabs-dev
development
frontend
17
stimulus-coder
Use when creating or refactoring Stimulus controllers. Applies Hotwire conventions, controller design patterns, targets/values usage, action handling, and JavaScript best practices.
majesticlabs-dev
development
frontend
17
dialog-patterns
Native HTML dialog patterns for Rails with Turbo and Stimulus. Use when building modals, confirmations, alerts, or any overlay UI. Triggers on modal, dialog, popup, confirmation, alert, or toast patterns.
majesticlabs-dev
development
frontend
17
tailwind-coder
Use when applying Tailwind CSS styling to Rails views. Uses utility classes, responsive design patterns, and integrates with Rails view helpers.
majesticlabs-dev
development
frontend
17
viewcomponent-coder
Build component-based UIs with ViewComponent and view_component-contrib. Use when creating reusable UI components, implementing slots and style variants, or building component previews. Triggers on ViewComponent creation, component patterns, Lookbook previews, or UI component architecture.
majesticlabs-dev
development
frontend
16
dashboard-patterns
Reusable React/JavaScript patterns for Somali dialect classifier dashboard. Covers Chart.js integration, data card components, filter patterns, responsive layouts, and dashboard-specific UI patterns. Auto-invokes when building dashboard components, charts, data visualizations, or dashboard UI.
ilyasibrahim
development
frontend
16
script-kit-components
UI component patterns for Script Kit GPUI. Use when building list items, buttons, prompts, panels, or any reusable UI component. Covers ListItem, UnifiedListItem, Button, PromptContainer, panel configuration, and the Colors struct pattern. Triggers on "component", "list item", "button", "panel", "prompt container", "UI element".
johnlindquist
development
frontend
16
threejs-builder
Design and implement lightweight Three.js (r150+) ES-module scenes—hero sections, interactive product viewers, particle backdrops, GLTF showcases, or quick prototypes—whenever prompts mention 'three.js/threejs scene', '3D web background', 'orbit controls', or 'WebGL demo'.
chongdashu
development
frontend
16
frontend-design-fix-svelte
Fix generic Svelte component designs by applying aesthetic upgrades across the 5 design dimensions (typography, color, motion, spatial composition, backgrounds)
matteocervelli
development
frontend
16
frontend-design-fix-react
Fix generic React component designs by applying aesthetic upgrades across the 5 design dimensions (typography, color, motion, spatial composition, backgrounds)
matteocervelli
development
frontend
16
frontend-design-fix-vue
Fix generic Vue component designs by applying aesthetic upgrades across the 5 design dimensions (typography, color, motion, spatial composition, backgrounds)
matteocervelli
development
frontend
15
moai-domain-frontend
Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. Use when building web UIs, implementing components, optimizing frontend performance, or integrating state management.
modu-ai
development
frontend
14
svelte-ui-standards
Coding standards and UI guidelines for the PolyFlup Svelte dashboard.
Niller2005
development
frontend
14
lazycomponent
Provide the information about the `<LazyComponent>`. Show the common use cases, basic usage, and critical development Advises.
lynx-family
development
frontend
14
heroui-recommender
Recommend appropriate HeroUI components for new features and ensure proper usage. Use when implementing new UI features or migrating from shadcn/ui to HeroUI.
sgcarstrends
development
frontend
14
framer-motion-animations
Create scroll-triggered and entrance animations using Framer Motion (motion package). Use when adding animations, implementing scroll reveals, or migrating from CSS/Intersection Observer.
sgcarstrends
development
frontend
14
heroui-components
Add or customize HeroUI components in the web application. Use when implementing new UI features with HeroUI design system or updating component styling.
sgcarstrends
development
frontend
14
component-naming
Enforce consistent React component naming conventions using domain + role patterns. Use when creating, reviewing, or refactoring components.
sgcarstrends
development
frontend
14
shadcn-components
Add or customize shadcn/ui components in the shared UI package. Use when adding new components from shadcn registry or updating existing component variants.
sgcarstrends
development
frontend
13
data-viz-2025
State-of-the-art data visualization for React/Next.js/TypeScript with Tailwind CSS. Creates compelling, tested, and accessible visualizations following Tufte principles and NYT Graphics standards. Activate on "data viz", "chart", "graph", "visualization", "dashboard", "plot", "Recharts", "Nivo", "D3". NOT for static images, print graphics, or basic HTML tables.
erichowens
development